在列表框上的JavaScript中附加值

时间:2012-10-12 04:28:00

标签: javascript html html-select

如何从所有选项中获取值,而不仅仅是列表框中的选定值?

<select name="name" multiple="multiple">
    <option value="1">1</option>
    <option value="2">2</option>
</select>

修改

我实际上有一个JavaScript可以将值从1个列表框附加到另一个列表框。我做的一个解决方案是创建一个隐藏的字段,每当一个附加到另一个时,它也会附加到隐藏字段,但显然我可能会错误地附加到隐藏字段

hiddenField.append(jQuery(this));

我正在收到表单发布数据

2 个答案:

答案 0 :(得分:1)

var x=document.getElementsByName("name");
var i;
for (i=0;i<x.length;i++) {
  console.log(x.options[i].text);
}

答案 1 :(得分:0)

你不是很清楚,但我假设你想要获取所有选定值的值,而不是整个列表中的所有值。即如果某人选择了1和2,则无法使用.value获取该信息。相反,您将使用.selectedOptions

因此,如果您使用document.getElementsByName("name")[0].selectedOptions,则输出将为[ <option value=​"1">​1​</option>​ , <option value=​"2">​2​</option>​ ]

您还可以执行以下操作来获取特定选择的值:document.getElementsByName("name")[0].selectedOptions[x].value其中x是位置。