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

时间:2013-11-14 08:56:26

标签: php jquery jquery-ui jquery-autocomplete jquery-ui-autocomplete

我想要一个jquery ui自动完成来从某些mysql表中获取数据。因此,如果html选择来自电子邮件,它将向php发送param以从电子邮件表中获取数据。如果手机它将发送参数,所以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>

我试过这个但也失败了。该脚本仅发送select的第一个值,而不是第二个。

<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>

有人可以帮忙吗?谢谢。

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

Rajesh的

ANSWERED 如下......

<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>

2 个答案:

答案 0 :(得分:1)

尝试这样的事情

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

答案 1 :(得分:0)

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