前端界面不同标签之间的js数据回显操作

1.对于radio单选框:首先数据回显id到界面的隐藏框,然后类似下面语句:

        //自定义数据回显:性别         
        var sexid=$("#sexid").val();
	
	 var list = document.getElementsByName("Contacts[sex]");
	 for ( var i = 0; i < list.length; i++) {
		if (list[i].value==sexid) {
			list[i].checked=true;
		}
	 }

2.1.第一种select标签:选项固定,首先数据回显id到界面的隐藏框,然后类似下面语句:

        //自定义数据回显:员工人数
	var employeeNumbers = $("#employeeNumbers").val();
	if (employeeNumbers == "5-20") {
		$("#EMPLOYEE_NUMBERS").get(0).options[1].selected = true;
	} else if (employeeNumbers == "21-50") {
		$("#EMPLOYEE_NUMBERS").get(0).options[2].selected = true;
	} else if (employeeNumbers == ">50") {
		$("#EMPLOYEE_NUMBERS").get(0).options[3].selected = true;
	} 

2.2.第二种select标签数据回显:选项从数据库中查询

<select id="menu-parent_id" class="form-control" name="parentMenuId">
      <option value = "">顶级节点</option>
      <c:forEach items="${listMenu}" var="menu">
      	<option value="${menu.menuId}"<c:if test="${menu.menuId == Menu.parentMenuId}"> selected</c:if>>${menu.menuName}</option>
      </c:forEach>
 </select>

3.获取select标签的值

data.employeeNumbers = $("#EMPLOYEE_NUMBERS option:selected").val();

猜你喜欢

转载自blog.csdn.net/qq_37230121/article/details/83273016