jquery - 使用 jQuery 选择多个 <options>

标签 jquery html dom

这道题问的是如何得到所有选中的<options><select>元素并在逗号分隔列表中返回它们的值。 JQuery - Multiple Select Options

我想做与这个问题相反的事情;我有一个逗号分隔的值列表 <select>标记并希望选择每个 <option>其值在逗号分隔列表中 using jQuery.

示例数据:

<script type="text/javascript">
var data = "0a,0d,0f,0g";
</script>
<select id="ps-type" name="ps-type" multiple="multiple" size="5">
    <option value="0a">Residential - Wall Insulation</option>
    <option value="0b">Residential - Attic /Crawl Space Insulation</option>
    <option value="0c">Residential - Foundation Insulation</option>
    <option value="0d">Residential - Exterior Roof System</option>
    <option value="0e">Commercial - Wall Insulation</option>
    <option value="0f">Commercial - Air Barrier System (Walltite)</option>
    <option value="0g">Commercial - Roof System</option>
</select>

最佳答案

.val()也接受值数组作为参数。因此,要选择多个值,只需使用 split(",") 将逗号分隔的值列表转换为数组,并将其传递给 .val() :

var data = "0a,0d,0f,0g";
$("#ps-type").val(data.split(","));

DEMO .

关于jquery - 使用 jQuery 选择多个 <options>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12433780/

相关文章:

php - 使用 PHP DOM 添加指向元素的链接

javascript - 模糊事件和提交事件?

javascript - 设置 Bxslider 以加载不同的图像?

html - 文本在 Mac 上的 webkit 浏览器中不可见,但在所有其他浏览器中可见

javascript - 无法让 getElementsByTagName 正常工作

javascript - 如何使用 JavaScript 将文本前后的内联 html 元素替换为另一个 html 元素?

javascript - Ajax async false 已弃用?

javascript - 从 d3.js 中的 JSON 更新和弦图数据

javascript - 底部工作表中的 Bootstrap 模态

javascript - Chrome 44 不再支持以下语法 : window. location.href = "javascript:someFunction()"