¹q¸£·Æ¹«²Óµß¼Æ
¬O°¨±í400­¿
·h®a±M·~©~®a²M¼ä
§K¶O¨ì©²¦ô»ù¡A²M¼ä¾iÅ@°¨¤W·d©w

­º­¶  ¡E  maids ½×¾Â ¡E µ{¦¡³]­p°Q½×     ¡E 

[JQuery] jQuery¹ïselect tagªº¾Þ�

©ÐªF¡G©f©f
µoªí®É¶¡¡G2011-10-06


jQuery¹ïselect tagªº¾Þ§@



 





  • get


    • ¨ú¥X¿ï¾Üªº­È













      1

      2



      $("select#Club").val();

      $('select#Club option:selected').text();






      ¥H¤W2¤èªk¦b³æ¿ï®É¬Û¦P¡A¦ý½Æ¿ï®É¡A

      val()·|¥Î³r¸¹¤À¶} ex. AA, BB

      text()¤£·| ex. AABB

    • ¨ú¥Xarray













      1

      2

      3



      $("select#Club").children("[@selected]").each(function(){

          alert(this.text());

      });









  • set


    • ¨Ï¬YoptionÅܬ°selected













      1

      2

      3

      4

      5

      6

      7

      8

      9



      $("#select1").children().each(function(){

          if ($(this).text()=="option you want"){

              //jQueryµ¹ªk

              $(this).attr("selected","true"); //©Î¬Oµ¹selected¤]¥i

        

              //javascriptµ¹ªk

              this.selected = true;   

          }

      });







    • Åý·s¼Wªºoptionª½±µ¬°selected













      1

      2

      3

      4



      var option = jQuery("new option");

      $('select#Club').append(option);

      $(option).attr("selected","true"); //Åýoption¬°selected

      $('select#Club').trigger("change");   //³Ì«á­nIJµoselectªºchange¨Æ¥ó







    • select¤U©Ô®Øªº²Ä¤G­Ó¤¸¯À¬°·í«e¿ï¤¤­È

      $('select#Club)[0].selectedIndex = 1;//¤£ª¾¬°¦ó­n¥[[0]

      =========== K. T. Chen ´£¨ì ==========================

      ¦b$("")¥[[0]ªº·N«ä¬O§âjQueryª«¥óÂରDOMª«¥ó¡C³o¼Ë¤ljQueryª«¥ó¤~¯à¨Ï¥ÎDOM©³¤UªºselectedIndex¤èªk¡C



  • event

    //§ïÅܮɪº¨Æ¥ó












    1

    2

    3

    4

    5

    6

    7

    8

    9



    $("select#Club").change(function(){ //¨Æ¥óµo¥Í

        //¤@¦¸¦L¥X

        alert($(this).val());

      

        //¦L¥X¿ï¨ì¦h­Ó­È

        jQuery('option:selected', this).each(function(){ 

            alert(this.value);  

        });

    });







  • ²¾°£ removeOption(index/value/regex[, selectedOnly])













    1



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








//¯Âjavascirpt













1

2

3

4



<select onchange="alert('Index: ' + this.selectedIndex

    + '\nValue: ' + this.options[this.selectedIndex].value)">

    ...

</select>











  • ÃÙ§Uºô¯¸       

    ¼s§Q¤£°Ê²£-ªO¾ô¦b¦a¥Í®Ú³Ì¹ê¦b--·sªO¯S°Ï«ü¦W«×³Ì°ª¡B­È±o±z«H¿àªº¦n©Ð¥ò
    §¹¾ã©Ð°T¡A©Ð«Î¡B©±­±¼öªùºë¿ïª«¥ó¡A¼s§Q¤£°Ê²£ Àu½è¥ò¤¶¡A©Ð«Î¯²¸î¡B¶R½æ¸ê°T³z©ú¡A¥æ©ö¯u¦w¤ß¡I
    ¼s§Q¤£°Ê²£-·sªO¯S°Ï«ü¦W«×³Ì°ª¡B­È±o±z«H¿àªº¦n©Ð¥ò
    ±zªº¦«¥I,¼s§Q¥Î¤ß¬°±zªA°È



  • ¡@¦@ 0 ¤H¦^À³

    ©m¦W¡G
    §G§i¤º®e¡G