zoukankan      html  css  js  c++  java
  • jquery操作select

    jquery操作select

    比如<select class="selector"></select>

    1、设置value为pxx的项选中
         $(".selector").val("pxx");
    2、设置text为pxx的项选中
        $(".selector").find("option[text='pxx']").attr("selected",true);
        这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。

    3、获取当前选中项的value
        $(".selector").val();
    4、获取当前选中项的text
        $(".selector").find("option:selected").text();

    5.清空

    $(".selector2").empty();

    比如  <select  id="m_import_channel"></select>

    1.添加option选项

    success: function (data) {
      $("#m_import_channel").empty();
      $("#m_import_channel").append("<option value='-1'>--请选择--</option>");
      $.each(data,function(i,n){
        $("#m_import_channel").append("<option value='"+n.org_id+"'>"+n.org_name+"</option>");    
      })
    }

    2.select赋值

       方法一:赋值value
    $("#
    m_import_channel").val(busi_type);

         方法二:把希望选中的option设置为selected

       $("#m_import_channel").option[value="+busi_type+"]").attr("selected", 'selected');
    方法三:同上
       $("#m_import_channel").find("option[value="+busi_type+"]").attr("selected","selected");
  • 相关阅读:
    《大型网站技术架构:核心原理与案分析》阅读笔记05
    软件体系结构(1)
    《大型网站技术架构:核心原理与案分析》阅读笔记04
    C/C++
    NIO蔚来自动驾驶实习生技术一面
    Intern Day86
    面试常考
    中国赛宝实验室C++技术一面
    Intern Day85
    Intern Day85
  • 原文地址:https://www.cnblogs.com/Dream2hc/p/jsp6307367.html
Copyright © 2011-2022 走看看