zoukankan      html  css  js  c++  java
  • 下拉框选择selected和动态设置select选择项

    var id=$("#orderId").children('option:selected').val();  //selected选中项取值
     var id=$('#orderId option:selected').val(); 
     //原来一直都是上边的方法取值,今天刚了解到的,只要下拉框被选中后,
     //option的值会赋给select,name这个方法就会拿到下拉框的值
    $('#sel').val();

     动态设置select的值

    <select id="sel">
      <option value ="volvo">Volvo</option>
      <option value ="saab">Saab</option>
      <option value="opel">Opel</option>
      <option value="audi">Audi</option>
    </select>

    一个简单的select,动态设置这个select的默认选项。使用jquery的方式,首先需要引入js库

    然后就是代码:

     $("#sel option").each(function(index,ele){
         // index是这个找到的selet的option的下表,从0开始
         // ele是获得的这个option的元素
         // 使用的时候可以$(ele)就找到这个option元素了,然后就是设置
         // $(ele).attr("selected",true);     
         如果是layui那么需要从新渲染http://www.layui.com/doc/modules/form.html#render
                
    }

    这里遇到一个问题,就是 $("#sel option")[3]

    会输出 <option value="audi">Audi</option>

    如果我们选择的option输出的是这样的,这样子是设置,不管用的,这个只是拿到了我们要的option的内容,我们需要的是这个option的对象,

    那么需要再给他包一层   $($("#sel option")[3]).attr("selected",true);   这样子也可以设置

     

  • 相关阅读:
    Python中怎么使用(冒泡排序)?
    Python中怎么定义与调用(函数)
    简易购物商城(1.0)版本
    非空即真 和 切片 处理方式
    python模块-random
    内置函数
    多维数组
    函数扩展
    文件操作扩展2
    文件操作扩展
  • 原文地址:https://www.cnblogs.com/renjianjun/p/7883542.html
Copyright © 2011-2022 走看看