• 下拉框选择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);   这样子也可以设置

     

  • 相关阅读:
    SQL SERVER 如何处理带字母的自增列--【叶子】
    实现对数据进行分组小计并计算合计的实例 asp.net
    sql 随笔
    事务
    游标
    触发器
    Session的生命周期
    ASP.NET 推荐书籍
    asp.net 查询本地excel 获取信息
    使用DotNetZip压缩与解压缩
  • 原文地址:https://www.cnblogs.com/renjianjun/p/7883542.html
Copyright © 2020-2023  润新知