2012-05-26 22 views
0

我有一個表格:<form id="form" action="updatescore.php" method="post">和一個php文件:updatescore.php其中包含的代碼來使用表單中的輸入值更新數據庫。這一切在使用提交按鈕時都有效。自動提交表單不工作使用jQuery

現在我想刪除提交按鈕並提交表單,如果JavaScript語句爲true。

JS代碼的部分是:

if (document.getElementById('uhs').innerHTML > 0) { //this is true because the div gone is hidden 
        $('#gone').hide(); 
        $.ajax({ 
         type: "POST", 
         data: $("#form").serialize(), 
         cache: false, 
         url: "updatescore.php", 
         success: function() { //if submit to db is done 
          getUsers(1); //a function to reload a page overview 
         } 
        }); 
       } 

但沒有任何反應,如果說法是正確的,並且數據庫沒有更新。任何想法在這一個?

親切的問候,

+0

運行此代碼發生了什麼操作?按鈕點擊,或計時器或類似的東西? – Steve

+0

另外,如果一個孩子被隱藏,它不會將其從父母的innerHTML中排除。爲了達到這個目的,您必須移除孩子。 – Steve

+1

因此,ID爲「走了」的div會隱藏起來嗎?如果是這樣,那麼你應該檢查ajax調用。使用Firebug或其他瀏覽器控制檯檢查ajax呼叫。看看它是否被調用,如果它被調用,然後檢查即將到來的響應。 – Abhijit

回答

0

感謝您的答覆。代碼工作,但似乎代碼的另一部分中的錯誤與AJAX調用混淆。所以最終代碼根本沒有錯。

再次感謝您的回覆和建議!

0

你確定條件是真?

if (document.getElementById('uhs').innerHTML > 0) { //this is true because the div gone is hidden 
    alert('its true'); 

也認爲是不正確的:

if (document.getElementById('uhs').innerHTML > 0) 

也許是:

if (document.getElementById('uhs').innerHTML.length > 0) 

或:

if ($('#gone')[0].style.display=="none") { 
0

提交按鈕是什麼觸發運行該代碼事件:

$('#gone').hide(); 
       $.ajax({ 
        type: "POST", 
        data: $("#form").serialize(), 
        cache: false, 
        url: "updatescore.php", 
        success: function() { //if submit to db is done 
         getUsers(1); //a function to reload a page overview 
        } 
       }); 

document.getElementById('uhs')。innerHTML> 0不是一個事件,所以無法運行您的代碼。

試試這個.....

document.addEventListener('keyup', function (e) { 
      // 
      if (document.getElementById('uhs').innerHTML > 0) { 
       $('#gone').hide(); 
       $.ajax({ 
        type: "POST", 
        data: $("#form").serialize(), 
        cache: false, 
        url: "updatescore.php", 
        success: function() { //if submit to db is done 
         getUsers(1); //a function to reload a page overview 
        } 
       }); 
      } 
    });