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

      

  • 相关阅读:
    Array.from和 map的相同用法
    js复制数组的各种方式
    set集合转数组的两种方法
    关于set集合去重的问题
    Object.is判断两个值是否相等
    数组排序
    函数默认值的取值
    标准索引
    pgsql update left join
    linux pgsql
  • 原文地址:https://www.cnblogs.com/lt123/p/7209813.html
Copyright © 2011-2022 走看看