JS给select标签添加数据

来源:互联网 发布:淘宝模特拍摄 编辑:程序博客网 时间:2024/06/06 02:40

 使用js给select标签添加数据(在数据库中查询出来的数据):

 以获取供应商表为例

<c:forEach items="${requestScope.providers}" var="provider">    

//使用jstl表达式获取到所有的供应商 并使用foreach遍历

    <script type="text/javascript">

//js代码

    var name="${provider.providername }";

//获取供应商名称

    var providername="${requestScope.order.goods.provider.providername}";

//获取当前订单所对应的供应商名称

     var pname=document.getElementById("pname");

//获取select标签对象(pname为select标签的id号)

  if(name){

//防止供应商表中存在空数据,判断非空

     var opt=document.createElement("option");     

     //添加option标签

     opt.value=name;

//将取到的值赋给option标签中的value

     opt.innerText=name;

//在页面显示对应的供应商名称

     pname.appendChild(opt);     

//将创建好的optin标签添加到select标签中 

     if(name==providername){    

//设置默认选中

         opt.selected="true";
     }

  }
    
    </script>
</c:forEach>
0 0
原创粉丝点击