如何使用JQuery立即填写更改文本框?

时间:2015-03-26 14:45:57

标签: javascript jquery autocomplete

我有一个填写城市的文本框。我有一个自动完成功能,它的标准自动完成功能,数据来自数据库。

进入的数据包含城市,州和国家信息。当用户从自动完成下拉列表中选择城市时,它应填充城市,州和国家/地区。所以我在这个城市有一个改变。问题是只有当我点击相应的文本框时才会填写州和国家,而不是在更改时立即填写。 代码:

$(".find-city").autocomplete(cityConfirmAutoCompleteOption);
$(".find-city").autocomplete( "option", "appendTo", "#"+'button'+q.id );

$(".find-city").change(function(city) {
$(".state").val(statecode);
}); 

HTML:

<div class="find-city"  style="float: left;">
<table>             
<tbody><tr><td><label>City</label></td>
    <td><input type="text" class="find-city"></td></tr>
    </tbody></table>
</div> 

<div class="state"  style="float: left;">
<table>             
<tbody><tr><td><label>State</label></td>
    <td><input type="text" class="state"></td></tr>
    </tbody></table>

2 个答案:

答案 0 :(得分:0)

没有看到您的任何HTML和大多数JavaScript, 你能不能这样做:

$(".find-city").change(function(city) {
    $(".state").val(statecode);
    $(".city").val(citycode);
    //... etc.
}); 

答案 1 :(得分:0)

如果您在尝试设置输入框的值时遇到问题,请尝试以下操作:

$('.state').attr('value',stateCode);

您可以在此处看到类似的演示:http://jsfiddle.net/Lwhw4sj9/