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
	  });

  

原文地址:https://www.cnblogs.com/lt123/p/7209813.html