2017-04-26 72 views
2

你好,只想問一下使用jquery傳遞參數的正確方法是什麼,我的參數是來自html輸入,下面是我的代碼。jquery負載傳遞參數

function ajax_post(){ 


      var param = document.getElementById('def').value; 


      $('#chatlogs').load('main.php?id='+param); 



    } 

我能夠載入main.php,但不能得到呼應帕拉姆,這裏是我的main.php代碼。

<?php echo $_GET['id'];?> 

中添加更多細節..即時得到來自HTML參數選擇輸入,則所獲得的價值後,然後將在main.php加載到一個div #chatlogs的ID。

<select name="topic" id="def" class="form-control" style="width:450px;" onChange='ajax_post()'> 
         <option value="" selected>---</option> 
         <option value="Solder Short">Solder Short</option> 
         <option value="Insufficient Solder">Insufficient Solder</option> 
         <option value="Misaligned Component">Misaligned Component</option> 
         <option value="Missing Component">Missing Component</option> 
         <option value="Inverted Component">Inverted Component</option> 
         <option value="Pad Contamination">Pad Contamination</option> 


        </select> 


<div id="chatlogs"> 
Please select a defect category... 
</div> 

enter image description here

+0

不知道關於jQuery的,但通常你只需添加參數到鏈接的結尾,在你的情況下'..id ='+參數)。這是如果param是id的值。 –

+0

感謝您的反應仍然沒有運氣嘗試main.php?id ='+參數,但仍然沒有回報,沒有控制檯日誌也。但我試圖硬編碼參數main.php?id = test和我的main.php正在返回測試。 – KaoriYui

+0

檢查參數的值,並讓我知道它是什麼。 –

回答

0

試試這個:

function ajax_post(){ 

var param = document.getElementById('def').value; 

$('#chatlogs').load('main.php?id='+param); 

} 

抱歉不能發表評論,46pts

+0

仍然沒有運氣,現在我從控制檯日誌中得到「錯誤:語法錯誤,無法識別的表達式:HTMLSelectElement]」。 – KaoriYui

+1

試試這個:$('#chatlogs')。load('main.php?id ='+ param); – xcution

+0

仍然沒有運氣,我通過使用函數document.getElementById('def')。找到了臨時解決方法。然後將一個if語句放在我的main.php上,謝謝你的迴應。 – KaoriYui

0

試試這個:

<select name="topic" id="def" class="form-control" style="width:450px;"> 
         <option value="" selected>---</option> 
         <option value="Solder Short">Solder Short</option> 
         <option value="Insufficient Solder">Insufficient Solder</option> 
         <option value="Misaligned Component">Misaligned Component</option> 
         <option value="Missing Component">Missing Component</option> 
         <option value="Inverted Component">Inverted Component</option> 
         <option value="Pad Contamination">Pad Contamination</option> 


        </select> 


<div id="chatlogs"> 
Please select a defect category... 
</div> 

<script> 
$(document).ready(function(){ 
    $('#def').on('change', function() { 
     var param = document.getElementById('def').value; 
     //alert(param); 

     $('#chatlogs').load('main.php?id=', param); 
    }) 
}); 
</script> 
+0

你應該編輯你的答案,而不是發佈一個新的。 –

+0

已注意。對不起,我是一個初學者:( – xcution

+0

試過這個代碼,當把帕拉姆警報它獲得的價值(例如焊料短),但它似乎無法傳遞它.load看起來像獲取選擇輸入的值是問題,當我試圖改變var param =「test」main.php返回它 – KaoriYui