zoukankan      html  css  js  c++  java
  • select下拉表达设置选中,获取选中项,change

      <select id="single">
            <option value="1">选择1号</option>
            <option value="2">选择2号</option>
            <option value="3">选择3号</option>
        </select>
        
        <input type="button" value="点击" id="btn"/>
        <input type="button" value="选中" id="btn1"/>
    

      

    var s= $("#single").val();//获取select选中项的value

     var s1=$("#single").text();  //获取下拉项的所有项的值 没有 用
    		 //选择1号 
    		// 选择2号
    		// 选择3号
    

      

      

    var s2=$("#single :selected").text();//获取下拉框选中项的值
    var s3=$("#single :selected").val();  //获取下拉框选中项value()只另一种写法 层次选择器+表单对象属性过滤器
    

      

              //内容清空
    		//$("#single").empty();
    		
    		//增加节点
    		//$("#single").append("<option>选择四号</option>");
    

      

    $("#btn1").click(function(){
    		  //$("#single").val(2);//设置选中
    		  $("#single :eq(2)").prop("selected",true);  //基本过滤器 2种[] . 表单过滤器2种 :checded  :input
    	  });
    

      

     $("#single").change(function(){
    		  alert($(this).val());//获取选中项的value
    		  alert($("#single :selected").text());//获取选中项的value
    	  });
    

      

  • 相关阅读:
    可以自己设计和定的报表工具!
    金山词霸取词冲突
    SSRS 2008 Domain User Issue
    第一次用AX2009正式版!
    顶级会议及期刊
    Python基础常识
    Ubuntu系统下查看安装的CUDA和CUDNN的版本
    js内字符串转数组的基本方法
    JavaScript之逻辑分支
    JS入门
  • 原文地址:https://www.cnblogs.com/lt123/p/7209813.html
Copyright © 2011-2022 走看看