• js获取下拉,单选


    1.JS取下拉框的显示值和判断单选按钮

    1.需要得到select组件显示的值。下面是经常用到的方法

    Html 源码:

    <html><body>
    <select id="province" name="province" >
    <option value="1">北京</option>
    <option value="2">上海</option>
    <option value="3">江苏</option>
    <option value="4">河北</option>
    </select>
    <br/>
    <input type="text" id="provinceName" name="provinceName"/>
    <input type="button" onClick="setTxt()" value="赋值"/>
    </body></html>

    JS函数:

    function setTxt()
    {
     var _selObj=document.getElementByIdx_xx_xx('province');//取下拉框的元素
     var _selVal=_selObj[_selObj.selectedIndex].text;//取下拉框被选中的值
     document.getElementByIdx_xx_xx('provinceName').value=_selVal;
    }

    2.很多判断radio单选按钮是否被选中的情况,下面是常用到得方法:

    HTML 页面源码:

    <html><body>
    <input type="radio" name="time" value="2009-05-20"/>2009-05-20
    <input type="radio" name="time" value="2009-05-21"/>2009-05-21
    <input type="radio" name="time" value="2009-05-22"/>2009-05-22
    <input type="radio" name="time" value="2009-05-23"/>2009-05-23
    <input type="button" value="判断是否选择" onclick="alert(judge())"/>
    </body></html>

    JS 函数代码:

    function judge()
     { var status =false;
      var _radObj=document.getElementsByName('time');
      for(var i =0;i<_radObj.length;i++){
       if(_radObj[i].checked){
        status=true;
       }
      }
      if(! status){
       alert('未选中时间!');
      }
      return status;
     }

  • 相关阅读:
    vs 加入插件
    vs用法
    axios和vue用$refs属性获取dom
    错误演示
    vue表单的用法

    工作
    工作日报
    主机与虚拟机链接
    login
  • 原文地址:https://www.cnblogs.com/ChineseMoonGod/p/4440650.html
Copyright © 2020-2023  润新知