使用jQuery和PHP从选择触发动作

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用jQuery和PHP从选择触发动作，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3844字，纯文字阅读大概需要6分钟。

内容图文

我在使用jquery和php时遇到问题,主要是php：S
我有一个选择通过PHP填充,这是代码：

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<select name="gname" id="gnome">
<option>Scegli...</option>
<?php 
include ('php/config.php');
//recupero organizzazioni dal database
$sql = "SELECT DISTINCT gname, count(*) as number
        FROM gtdb
        WHERE `country` = 4 OR `country` = 103 OR `country` = 107 OR `country` = 219 OR `country` = 210 OR `country` = 210 OR `country` = 153 OR `country` = 110 OR `country` = 200 OR `country` = 102 OR `country` = 95 OR `country` = 173 OR `country` = 228 OR `country` = 152 OR `country` = 97 OR `country` = 94 
        GROUP BY gname
        HAVING number >= 20
        ORDER BY gname";
$result = mysql_query($sql, $mysql);
while($nome = mysql_fetch_array($result)) {  
?>

<option value= "<?php echo $nome['gname'];?>" ><?php echo $nome['gname']; ?></option>
<?php  
    };   
?> </select>

当我选择一个选项时,此jQuery函数应将选项的值发布到php脚本并将结果附加到“结果” div中.
jQuery代码：

$(document).ready(function() {
    $('#gnome').change(function() {
        var inpval=$(this).val();
        $.ajax({
            url: 'php/query.php',
            type: 'POST',
            data: {valor : inpval},
            success: function(data) {
                $('.result').html(data);
            }
        });
    });
});

PHP代码：

<?php 
    include('config.php'); //database connection(works)

    $org_name=$_POST['valor']; 
    $query=mysql_query("SELECT * FROM gtdb WHERE gname LIKE '$org_name%'");
    while($row=mysql_fetch_assoc($query)){
        $row['name'];
    }
?>

实际上,我能够连接到数据库,执行查询并填充选择,但是当我选择一个选项时,什么也没有发生,我不知道这是jquery代码还是php代码的问题,有什么帮助吗？
提前致谢 ：)

编辑：到达浏览器的html代码,用于user3558931

<p>gname</p>
<select name="gname" id="gnome">
    <option>Scegli...</option>

<option value= "Al-Aqsa Martyrs Brigade" >Al-Aqsa Martyrs Brigade</option>

<option value= "Al-Nusrah Front" >Al-Nusrah Front</option>

<option value= "Al-Qa`ida in Iraq" >Al-Qa`ida in Iraq</option>

<option value= "Al-Qa`ida in the Arabian Peninsula (AQAP)" >Al-Qa`ida in the Arabian Peninsula (AQAP)</option>

<option value= "Baloch Liberation Army (BLA)" >Baloch Liberation Army (BLA)</option>

<option value= "Baloch Republican Army (BRA)" >Baloch Republican Army (BRA)</option>

<option value= "Free Syrian Army" >Free Syrian Army</option>

<option value= "Gunmen" >Gunmen</option>

<option value= "Hamas (Islamic Resistance Movement)" >Hamas (Islamic Resistance Movement)</option>

<option value= "Haqqani Network" >Haqqani Network</option>

<option value= "Individual" >Individual</option>

<option value= "Islamic State of Iraq (ISI)" >Islamic State of Iraq (ISI)</option>

<option value= "Lashkar-e-Islam (Pakistan)" >Lashkar-e-Islam (Pakistan)</option>

<option value= "Lashkar-e-Jhangvi" >Lashkar-e-Jhangvi</option>

<option value= "Militants" >Militants</option>

<option value= "Other" >Other</option>

<option value= "Palestinian Islamic Jihad (PIJ)" >Palestinian Islamic Jihad (PIJ)</option>

<option value= "Popular Front for the Liberation of Palestine (PFLP)" >Popular Front for the Liberation of Palestine (PFLP)</option>

<option value= "Popular Resistance Committees" >Popular Resistance Committees</option>

<option value= "Sindhu Desh Liberation Army (SDLA)" >Sindhu Desh Liberation Army (SDLA)</option>

<option value= "Southern Mobility Movement (Yemen)" >Southern Mobility Movement (Yemen)</option>

<option value= "Taliban" >Taliban</option>

<option value= "Tehrik-i-Taliban Pakistan (TTP)" >Tehrik-i-Taliban Pakistan (TTP)</option>

<option value= "Unknown" >Unknown</option>
</select>

是的,这与恐怖主义XD有关

解决方法:

请更换：

data: ({valor : inpval}),

至：

data: {valor : inpval},

获得数据值的语句应为：

var inpval = this.value;

JS FIDDLE DEMO

更改选择值时,请打开开发工具并检查“网络”选项卡,您将看到进行了ajax调用.

还要确保您有一个元素,并且页面上有类结果.

注意：您的PHP脚本需要进行编辑,以便它可以返回某些内容,例如echo $row [‘gname’];.

内容总结

以上是互联网集市为您收集整理的使用jQuery和PHP从选择触发动作全部内容，希望文章能够帮你解决使用jQuery和PHP从选择触发动作所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端