Jquery UI 自动完成功能从另一个选择中获取数据


Jquery UI Autocomplete get data from another select

我想要一个jquery uin自动完成功能来从某些mysql表中获取数据。因此,如果 html 选择来自电子邮件,它会将参数发送到 php 以从电子邮件表中获取数据。如果手机,它将发送参数,以便PHP选择不同的表。

但是,该脚本似乎只发送 html 选择的第一个值。如何解决这个问题?

<script>
$(function(){
$("#birds").autocomplete({source:"get.data.php?type="+$('#type').val()+"&"});
});
</script>
</head>
<body>
<div class="ui-widget">
<select id="type"><option value="b2">Email</option><option value="b3">Handphone</option></select>
<label for="birds">Birds: </label>
<input id="birds" size="50" />
</div>

我试过这个,它也失败了。脚本仅发送所选内容的第一个值,而不发送第二个值。

<script>
$(function(){
type=$('#type').val();
$('#type').change(function(){type=$('#type').val();});
$("#birds").autocomplete({source:"get.data.php?type="+$('#type').val()+"&"});
});
</script>
</head>
<body>
<div class="ui-widget">
<select id="type"><option value="b2">Email</option><option value="b3">Handphone</option></select>
<label for="birds">Birds: </label>
<input id="birds" size="50" />
</div>

谁能帮忙?谢谢。

====

================================================

拉杰什回答如下...

<script>
$(function(){
$('#type').change(function(){$("#birds").autocomplete( "option", "source",     "get.data.php?type="+this.value+"&");});
$("#birds").autocomplete({source:"get.data.php?type="+$("#type     option:selected").val()+"&"});
});
</script>

尝试这样的事情

            $('#type').change(function(){
                $("#birds").autocomplete( "option", "source", "get.data.php?type="+this.value+"&");
            });

尝试$("#type option:selected").val() 以获取所选值。