Javascript - 选择具有目标值的下拉元素

标签 javascript jquery

我有一个下拉框,其中包含从数据库动态填充的值。所以,它的 HTML 有点像这样:

<select id="productclass">
    <option value="1">Name1</option>
    <option value="7">Name2</option>
    <option value="11">Name11</option>
</select>

从数据库中提取 ID 和名称。

我需要能够编写 JavaScript 来选择具有特定值的选项。那么,如何使用 JavaScript 选择选项#7?如果更简单的话我也可以使用 JQuery。

最佳答案

如果您想选择值为 7 的选项,请使用:

document.getElementById("productclass").value = "7";
$("#productclass").val("7");                         //jQuery

如果您用“#7”表示选项号 7,请使用:

document.getElementById("productclass").selectedIndex = 6;
// Indexes are zero-based, the 7th element is referred through index 6

关于Javascript - 选择具有目标值的下拉元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8262348/

相关文章:

javascript - Angular 模态实例无法读取 DOM 元素

javascript - 为什么 'delete(arg)' 不会在函数中引发任何错误并给出输出 'myVar' ?

javascript - npm run build 后 React 组件的 onClick 未呈现

javascript - JS Array a ['1' ] 不会给出错误

javascript - javascript中的'this',在我的例子中如何使用它?

jQuery:如何使用逗号作为 .each 循环的分隔符

jquery - 使用 jquery 创建/渲染 html 表单

jquery - 实时查询性能

javascript - 在 sequelize.js 中使用构建方法时是否需要验证、清理或转义数据

javascript - 外部脚本中的全局 polyfill 破坏网站功能的风险是什么?