【JS(JQuery)】两行代码实现select的某个option选中并触发onchange事件

pangpd

已于 2022-04-07 13:24:44 修改

阅读量3.1k

点赞数 1

分类专栏： JS 文章标签： js jquery

于 2022-04-07 12:41:17 首次发布

本文链接：https://blog.csdn.net/weixin_43519707/article/details/124012794

版权

JS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何使用JavaScript操作DOM，通过选中select中的特定option值来设置选择项。同时，展示了根据身份证号码的第17位识别性别的实现，通过触发change事件更新select的选中状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 步骤：
（1）选中select中的某个option值；
（2）选中该值；

2. 代码：

$("#provinceList option[value=28]").prop("selected",true); //选中
$("#provinceList option[value=28]").trigger('change'); //触发

3. 案例：

根据身份证号，识别性别：

//  select单选框（性别）
<select name="sex" id="sex" class="form-control m-b"  required>
    <option selected="selected" disabled="disabled"  style='display: none' value='0'></option>
    <option value="1" name="男">男</option>
    <option value="2" name="女">女</option>
</select>

// 获取身份证号
var idNumber = $("#numberId").val();

// 判断性别
if (parseInt(idNumber.substr(16, 1)) % 2 == 1) {
    //男
    $("select[name^='sex']").val(1);
    $("#sex option[value=1]").trigger('change');
} else if (parseInt(idNumber.substr(16, 1)) % 2 == 0){
    //女
    $("select[name^='sex']").val(2);
    $("#sex option[value=2]").trigger('change');
} else {
    //空
    $("select[name^='sex']").val(0);
    $("#sex option[value=0]").trigger('change');
}