zoukankan      html  css  js  c++  java
  • js 动态设置 option 的selected 选项

    思路:通过for循环判断每个选项,一旦满足条件则设置其selected属性为true即可,关键代码:

    var obj = document.getElementById(select_id);
    for(i=0;i<obj.length;i++){
      if(obj[i].value == something)
        obj[i].selected = true;
    }

    下面给出实例演示:

    1、HTML结构

    <select id="test">
        <option selected value="0">- 请选择 -</option>
        <option value="1">关羽</option>
        <option value="2">赵云</option>
        <option value="3">马超</option>
        <option value="4">黄忠</option>
        <option value="5">张飞</option>
    </select>
    <input type="text" id="sel_text"/><input type='button' value='设置选项' onclick="fun()"/>

    2、javascript代码

    function fun(){
        var str = document.getElementById("sel_text").value;
        var obj = document.getElementById("test");
        for(i=0;i<obj.length;i++){
            if(obj[i].value==str)
                obj[i].selected = true;
        }
    }

    3、设置效果:如图设置选中项为2,点击按钮后"赵云"即被选中

  • 相关阅读:
    qq
    qqq
    q
    .json文件
    q
    q
    q
    找jar包的网址
    1qq
    day18(JDBC事务&连接池介绍&DBUtils工具介绍&BaseServlet作用)
  • 原文地址:https://www.cnblogs.com/007sx/p/6185795.html
Copyright © 2011-2022 走看看