操作表单form的js相关

操作表单form的js相关

1. 动态添加下拉框选项(2种）

//js创建元素，
var ele = document.createElement(“select”);
//给目标元素添加下拉框选项
//选项一般为后台传过来的值
//下面这行代码通常放在forEach循环中
ele.options.add(new Option(string,value));

var ele=document.createElement(“select”);
$(ele).append(“<option value=‘值’>显示的值</option>”);

2.给下拉框选项设置只读属性(3种)
方法一、设置disabled属性

<select name=“department” id=“department” disabled=“disabled”/>

但在表单提交时会无法获取到该属性名为department的值，所以需要在表单提交时移除此disabled属性

$(“#department”).removeAttr(“disabled”);

方法二、设置disabled和隐藏的input输入框

<select id=“department” disabled=“disabled”>
//实际表单提交时传的是下面的input的值，注意name
<input type=“hidden” name=“department”/>

方法三、设置焦点和onchanged事件

<select name=“department” id=“department”>

//假设让此下拉框的值一直为code，最后使用+拼接的，改为你需要设置的值即可
 $(“#department”).attr(“onfocus”,”this.selectedIndex=‘code’”);
 $(“#department”).attr(“on change”,”this.selectedIndex=”+”code”);

3.点击表单元素触发模态框并传值