Question

我要做的是创建一个链式选择框，并在选择时显示信息。我如何将我的第一个下拉列表连接到第二个下拉列表？当我尝试添加此<select name="customers" id="customers" onchange="showUser(this.value)">时，它也无效。

这就像函数http://www.w3schools.com/ajax/ajax_database.asp

一样

我需要做的就是这样http://www.melco-crown.com/eng/careerpop_js.php

我现在拥有的是这个

<script>
function showUser(str,ids) {
    var $txtHint = $('#txtHint');
    if (str=="" || ids=="") {
        $txtHint.html('');
        return;
    }
    $txtHint.load('list.php?q='+str+'&id='+ids) 
}
</script>

我在list.php中没有问题，我不能做的是ajax函数。任何帮助都会受到欢迎。

这是我的完整脚本

脚本从HTML表格中的数据库显示中加载信息。

<script>
function showUser(str) {
    var $txtHint = $('#txtHint');
    if (str=="") {
        $txtHint.html('');
        return;
    }
    $txtHint.load('list.php?q='+str)    
}
</script>

HTML FORM和SELECT BOXES

<form action=""> 
<select name="customers" id="customers" onchange="showUser(this.value)">
<option value="">Select a customer:</option>
<option value="ALFKI">Alfreds Futterkiste</option>
<option value="NORTS ">North/South</option>
<option value="WOLZA">Wolski Zajazd</option>
</select>
</form>
<br>

<select name="city" class="city">
<option selected="selected">--Select City--</option>
</select>
<div id="txtHint">Customer info will be listed here...</div>

链式选择框的Ajax脚本

<script type="text/javascript">
$(document).ready(function()
{
$("#customers").change(function()
{
var id=$(this).val();
var dataString = 'id='+ id;

$.ajax
({
type: "POST",
url: "ajax_city.php",
data: dataString,
cache: false,
success: function(html)
{
$(".city").html(html);
} 
});

});
});
</script>

在两个下拉列表中选择Onchange功能

0 个答案: