2017-04-26 71 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