gpt4 book ai didi

javascript - jQuery 只需要根据其他字段中的值自动填充一个输入字段(行)(自动完成);所有其他字段必须保持不变

转载 作者:行者123 更新时间:2023-11-29 14:56:33 25 4
gpt4 key购买 nike

<分区>

http://af-design.com/blog/2010/05/12/using-jquery-uis-autocomplete-to-populate-a-form/脚本根据城市自动填充州和 zip 。

有一行 id 为 id="city"。如果我想要额外的行,我必须使用类似 id="city1"、id="city2"等的东西。

然后在 javascript 代码中可以使用类似的东西

$("#city").val(ui.item.city);

$("#city1").val(ui.item.city1);

如果我有很多行,这不行。

所以我想改变。下面是更改后的代码

$(document).ready(function(){
var ac_config = {
source: "__demo_cities.php",
select: function(event, ui){
$('[id^="city"]').val(ui.item.city);
$('[id^="state"]').val(ui.item.state);
$('[id^="zip"]').val(ui.item.zip);
},
minLength:1
};
$('[id^="city"]').autocomplete(ac_config);
});

HTML

<input type="text" name="city[]" id="city" value="" />
<input type="text" name="state[]" id="state" value="" />
<input type="text" name="zip[]" id="zip" value="" />

<br>
<input type="text" name="city[]" id="city1" value="" />
<input type="text" name="state[]" id="state1" value="" />
<input type="text" name="zip[]" id="zip1" value="" />

如果我在 city 中输入内容,脚本会自动填充 id="state"id="zip"(没问题),但它也会自动填充 id="city1"id="state1"id="zip1"(这不是必需的)。

需要行为:如果在 id="city" 中输入内容,自动仅填充 id="state"id="zip" 和所有其他字段保持空白/不变;如果在 id="city1" 中输入,则自动仅填充 id="state"id="zip",所有其他字段留空/不变。

根据@JNF 的建议,有一个代码可以工作

$(document).ready(function(){
var ac_config = {
source: "__demo_cities.php",
select: function(event, ui){
$(this).closest(".myForm").find('[id^="city"]').val(ui.item.city);
$(this).closest(".myForm").find('[id^="state"]').val(ui.item.state);
$(this).closest(".myForm").find('[id^="zip"]').val(ui.item.zip);
},
minLength:1
};
$('[id^="city"]').autocomplete(ac_config);
});

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com