Question

刚问了另一个问题，但我想我需要一个更简单的解决方案。因此我做了这个JSFiddle：

<select name="selection" class="box1" style="width: 200px; height: 100px;" multiple>
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>

是否可以在加载时在所选“框”中选择值（1和2），因此可以看到选择了哪些。并且可以将输入字段的值除以逗号，因此如果添加“3”，则输入字段中的值将为1,2,3。是否也可以这样做，如果你在选择字段中删除值“2”，输入字段将说1,3？

非常感谢任何提示或帮助：）

Answer 1

您只需对现有代码进行一些更改即可。要在加载时填充select，以下内容就足够了：

$(".box1").val($(".box2").val().split(","));

使用值数组填充.box1。

同时，要在选择框更改时填充文本框，请使用.val()方法，而不是使用:selected选择器和.text()方法使其复杂化：

$(".box1").change(function () {
    $(".box2").val($(this).val());
});

JavaScript会自动将数组.toString()放入以逗号分隔的所选值列表中。

将值从选项传递到输入字段和返回

1 个答案: