zoukankan      html  css  js  c++  java
  • jQuery select的操作代码

    jQuery對select的操作的实际应用代码。
    //改變時的事件 
    复制代码代码如下:
    $("#testSelect").change(function(){ //事件發生 
    jQuery('option:selected', this).each(function(){ //印出選到多個值 
    alert(this.value); 
    }); 
    }); 

    //印出選到的項目 
    复制代码代码如下:

    法1:$("select#Clubs").children("[@selected]").each(function(){ 
    alert(this.text); 
    });  www.jbxue.com
    法2:$("#selBags").val(); //這個比較快啦,但限單選 


    //取得下拉選單的選取值 
    复制代码代码如下:

    $(#testSelect option:selected').text(); 
    或$("#testSelect").find('option:selected').text(); 

    //移除 
    removeOption(index/value/regex[, selectedOnly]) 
    复制代码代码如下:

    $('select#Clubs option:selected').remove(); 

    //使某option變為selected 
    复制代码代码如下:

    var select = $(tdsEdit[0]).find("select"); //取得select 
    $(select).children().each(function(){ 
    if ($(this).text()=="option you want") 

    //jQuery給法 
    复制代码代码如下:
    $(this).attr("selected","true"); //或是給selected也可 
    //javascript給法 
    this.selected = true; 
    });

    參考
    http://www.texotela.co.uk/code/jquery/select/
    http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html
  • 相关阅读:
    kindeditor的使用
    阅读笔记(三)
    阅读笔记(二)
    架构漫谈
    阅读笔记(一)
    hdfs
    暑假周总结八
    暑假周总结七
    暑假周总结六
    暑假周总结五
  • 原文地址:https://www.cnblogs.com/linuxnotes/p/3495143.html
Copyright © 2011-2022 走看看