js select下拉框数据绑定的几种方式及注意事项

js select下拉框数据绑定的几种方式

1.//$("select[name{=}^{\prime }paystatu{s}^{\prime }]").val("@Model.paystatus");注：根据$(“select[name=‘paystatus’]”)标签查询select对象并为其赋值；

2.//$("#paystatus option[value=’@Model.paystatus’]").attr(“selected”, true); //方法二

注：分解$("#ID option[value=’@Model.paystatus’]")查询select option值为@Model.paystatus的选项对象，使用attr()方法赋值selected属性为True；

3.$("#selectId").val(“value”);

4.var select =
document.getElement.get(“selectId”);

select.options[i].selected = true;

注意：
1.使用下拉框时，readonly属性无效，数据绑定后禁止使用disabled属性，否则无法将下拉框值传到后台；

$("#selectId").attr(“disabled”,“disabled”);

2.如果使用，在表单提交前移除：
function checkDisable() {
KaTeX parse error: Expected '}', got 'EOF' at end of input: … if (parseInt((this).val()) != -1) {
$(this).attr(“disabled”, false);
}
});
return true;

参考文章 ：

https://www.cnblogs.com/LetGoLove/p/3998294.html

https://blog.csdn.net/hpu_yly_bj/article/details/74958750