javascript - 拆分字符串并分配给字段

Question

我有一个相当简单的问题。当我的页面加载时，它会生成一个长字符串，代表地址，例如:

101, Dalmations Avenue, Miami, Florida, USA, 908343

使用 jQuery，我可以使用以下方式拆分字符串:

var address = sel.options[sel.selectedIndex].value;

var houseNumber = address.split(",")[0];
var street      = address.split(",")[1];
var district    = address.split(",")[2];
var county      = address.split(",")[3];
var country     = address.split(",")[4];
var postalcode  = address.split(",")[5];

然后我需要将拆分值分配给我的 html 中的字段，这些字段被加载为:

<input type="hidden" name="ADDR_HOUSENUMBER" value="">
<input type="hidden" name="ADDR_STREET" value="">
<input type="hidden" name="ADDR_DISTRICT" value="">
<input type="hidden" name="ADDR_COUNTY" value="">
<input type="hidden" name="ADDR_COUNTRY" value="">
<input type="hidden" name="ADDR_POSTALCODE" value="">

我的印象是我可以分配我的拆分值，例如:

document.forms[0].ADDR_HOUSENUMBER[01].value = houseNumber;

这是正确的吗？

谢谢

Answer 1

尝试

var address = '101, Dalmations Avenue, Miami, Florida, USA, 908343'; //sel.options[sel.selectedIndex].value;

var $ins= $('input[type="hidden"][name^="ADDR"]');
$.each(address.split(/\s*,\s+/), function(i, val){
    $ins.eq(i).val(val)
})

演示:Fiddle

注意:这取决于输入字段的顺序，所以如果你改变它们会给出错误的结果

---

如果你不想被订单所依赖，那么

var address = '101, Dalmations Avenue, Miami, Florida, USA, 908343'; //sel.options[sel.selectedIndex].value;

var order = ["ADDR_HOUSENUMBER", "ADDR_STREET", "ADDR_DISTRICT", "ADDR_COUNTY", "ADDR_COUNTRY", "ADDR_POSTALCODE"];
$.each(address.split(/\s*,\s+/), function (i, val) {
    $('input[name="' + order[i] + '"]').val(val)
})

演示:Fiddle