可以通过jquery将输入数组传递给另一个输入吗？
可以通过jquery将输入数组传递给另一个输入吗？
提问于 2016-08-10 04:52:04
我有一些类似如下的输入：
<input name="name1[]" value="1"/>
<input name="name1[]" value="2"/>
<input name="name1[]" value="3"/>我有另一个类似的输入：
<input name="name2" />我想要在name2中输入name1的值。
我试试这个：
$('input[name=name1]').val($('input[name=name2]').val());回答 3
Stack Overflow用户
发布于 2016-08-10 04:55:32
您不能这样做，因为每个<input/>只能有一个值。我还没有测试过这个，但是如果你测试了呢：
$('<input name="name1[]"/>').val($('input[name=name2]').val()).appendTo('form#foo');实际上，您可以使用新值创建一个新的<input/>，并在提交之前将其添加到表单中。
Stack Overflow用户
发布于 2016-08-10 05:17:24
如果我理解正确的话，您希望<input name="name2" />始终使用其他输入中包含的值进行更新。
如果是这种情况，您可以执行以下操作：
$(function () {
$('input[name^=name1]').on('input', function(e) {
var txt = $('input[name^=name1]').map(function(index, element) {
return this.value;
}).get().join(', ');
$('input[name="name2"]').val(txt);
}).first().trigger('input');
});<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<form>
<input name="name1[]" value="1"/><br>
<input name="name1[]" value="2"/><br>
<input name="name1[]" value="3"/><br>
<input name="name2" /><br>
</form>
如果你需要相反的东西：
$(function () {
$('input[name="name2"]').on('input', function(e) {
$('input[name^="name1"]').val(function(index, value) {
return value + e.target.value;
});
});
});<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<form>
<input name="name1[]" value="1"/><br>
<input name="name1[]" value="2"/><br>
<input name="name1[]" value="3"/><br>
<input name="name2" />
</form>
Stack Overflow用户
发布于 2016-08-10 05:18:26
当与元素的匹配项一起使用时，.val()将始终考虑第一个匹配项。为了从同一组元素中提取多个值，您需要使用带有function的.val()
参考：http://api.jquery.com/val/#val-function
$('input[name=name2]').val(function(index,value)
{
$('input[name="name1[]"]').each(function()
{
value += $(this).val();
});
return value;
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38860215
复制相关文章
相似问题
腾讯云开发者
