javascript - 如何使用 jquery 将多选下拉列表的所有项目(选项)转换为数组

标签 javascript jquery html

我正在尝试使用 jquery 将多个选择的下拉值(所有选项)转换为数组。

<select size="10" style="width: 330px;" name="itemList"
        id="selectedItemLists" multiple="multiple">
    <option value="1">value1</option>
    <option value="2">value2</option>
    <option value="3">value3</option>
    <option value="4">value4</option>
</select>

现在使用 jquery 如何创建一个数组,如 array[0]=value1,array[1]=value2...

请帮助我。

提前致谢。

最佳答案

可能是这样的:

var options = new Array();
$('#selectedItemLists > option:selected').each(
     function(i){
         options[i] = $(this).val();
     });

JS Fiddle demo .


编辑 以响应@mellamokb 的评论,修改 jQuery 以使用 text() 而不是 val():

var options = new Array();
$('#selectedItemLists > option:selected').each(
     function(i){
         options[i] = $(this).text();
     });

JS Fiddle demo .

引用资料:

关于javascript - 如何使用 jquery 将多选下拉列表的所有项目(选项)转换为数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5983920/

相关文章:

javascript - 为侧边栏菜单实现拖放

javascript - 订阅 Observable 不触发变更检测

Javascript:改进四个嵌套循环?

JQuery 无法识别的表达式。基础链接

javascript - 根据 h1 文本设置选择值

html - CSS 背景图像未显示

javascript - 滚动时如何锁定表格的第一行和第一列,可能使用 JavaScript 和 CSS?

javascript - 在 React Native 中创建 'Div' 和 'Span' 组件

php - 如何在ajax响应页面中运行jquery?

html - 主页宽度与主题中的其他页面宽度不同