在js中初始化select数据

转载于 2015-04-28 11:32:00 发布 · 797 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gtaxmjld/p/4462536.html

文章标签：

#javascript #ViewUI

本文介绍了一个简单的HTML和JavaScript结合使用的示例，用于动态填充网页表单中的班级下拉菜单选项。通过遍历后端传来的班级列表数据，为每个班级创建一个下拉选项。

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

<div>
   姓名：<input id="name" name="name" type="text"/>
    学号：<input id="number" id="number" type="text"/><br />
    班级：<select id="orgClass" name="orgClass"></select>

    性别：<select id="gender" name="gender">
          <option value ="0">男</option>
          <option value ="1">女</option>
       </select>
           生日： <input id="birthday" name="birthday" type="text" onclick="WdatePicker()"/>
</div>
<script type="text/javascript">
    //初始化班级下拉单
    var orgClassList = ${orgClassList};
    var $selec=$("#orgClass");
    var $opt = $("<option></option>")
    for(var i =0 ; i<(len=orgClassList.length);i++){
        var id = orgClassList[i].id;
        var name = orgClassList[i].name;
        var $opt = $("<option></option>").text(name).val(id);
        $selec.append($opt);
    }