点击文本 自动定位到下拉框选中

<html >

<head runat="server">
    <title></title>
    <style type="text/css">
        #SiteStat
        {
            width: 97px;
            height: 181px;
        }
    </style>
</head>
<body>
  <from>
  <script language=javascript>
      function foo(){
          //var i = 3;
          var i = document.getElementById("ds").value;
          o = document.getElementById("SiteStat");
          for (c = 0; c < o.length; c++) {
              dy = o.options[c].value.indexOf(i)
            
              if(dy==0)
              //if (o.options[c].value == i)
              {
                  o.options[c].selected = true;
                  break;
              }
          }
      }
</script>

<select name="SiteStat"  multiple="multiple" class="select1" id="SiteStat">
  <option value="-1" selected></option>
  <option value="1" >状态A</option>
  <option value="0">状态B</option>
  <option value="22">状态C</option>
  <option value="33">状态D</option>
</select>
</from>
<input type=‘text‘ name=‘olala‘ id=‘ds‘/>
<input type=‘submit‘ name=‘sub‘ value=‘查询显示‘ onclick="foo()"/>
</body>
</html>

时间: 2024-08-02 08:36:39

点击文本 自动定位到下拉框选中的相关文章

robotframework自动化系列:文本类型的下拉框

对于下拉框定位和输入,这里主要遇到有两种类型的下拉选择. 其中一个类型是select-options格式,如图 这种方式的定位可以使用select from list by value或select from list by list或select from list等格式进行选择定位,具体可以参考随机下拉框定位选择. 而这里主要说的就是这种文本框类型的下拉选择,格式如图所示 此种文本框类型的下拉选择操作方法: 鼠标定位到设备此文本类型下拉框中 文本框中输入设备的首字母这里以0为例, 输入字母后

js实现点击下拉框选中对应的div

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js实现点击下拉框选中对应的div</title> <style type="text/css"> div{display:none;} </style> </head> <body> <select name="

Javascript获取select下拉框选中的的值

现在有一id=test的下拉框,怎么拿到选中的那个值呢? 分别使用javascript原生的方法和jquery方法 <select id="test"  name="">     <option   value="1">text1</option>     <option   value="2">text2</option>    </select> co

js,jquery获取下拉框选中的option

js获取select选中的值: var sel=document.getElementById("select1"); var index = sel.selectedIndex; // 选中索引 albumid= sel.options[index].value;//要的值 jQuery获取下拉框选中的option: $("#s option:selected").val();

jsp页面刷新后保留文本输入框和下拉框的值

保留下拉框 <select name="status">     <option value="all" <c:if test="${status eq 'all'}">selected</c:if>>状态</option>     <option value="notstart" <c:if test="${status == 'notstar

vue 下拉框自定义 以及点击空白空白处关闭下拉框

html: <div class="divInput" v-close> <div class="input" @click="opensort"> <input v-model="sortvalue" type="text" placeholder="分类" /> <vicon :type="'triangle'" clas

Jquery EasyUI环境下设置下拉框选中指定选项

前提: 要求点击某个按钮就将所有的下拉框都设置为选中第一个选项,因此,指定索引是最好的做法 尝试过的做法: html代码如下(easyui 的写法) <select class="easyui-combobox"  name="query_1" id="query_1"> <option value="test1">测试1</option> <option value="te

Javascript获取select下拉框选中的的值以及索引

现在有一id=test的下拉框,怎么拿到选中的那个值呢? 分别使用javascript原生的方法和jquery方法 <select id="test"  name=""> <option   value="1">text1</option> <option   value="2">text2</option> </select> code: 一:javas

js设置下拉框选中后change事件无效解决

下拉框部分代码: <select id="bigType"> <option value="">请选择</option> <option value="1">xiamen</option> <option value="2">beijing</option> </select> <select id="smallTy