¦b¦a¤H¦nµû¦A±ÀÂË¡A©î°£²M¹B±Mªù
¸gÅç¦Ñ¹D³B²z¨³³t¡A¿Ë¥Á»ù®æ°ªCP³t¬¢
§ìº|±M®aÀu½èªoº£®v³Å¡A§K¶O¿Ô¸ß¨êªoº£¤j¤p¨Æ
»ù®æ³z©ú¤Æ,§K¶O¨ì©²¦ô»ù¡A­È±o±z«H¿à

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

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

©ÐªF¡G¤p±j
µoªí®É¶¡¡G2011-04-30


jQuery¹ïselect tagªº¾Þ§@



 





  • get


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

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

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


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

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

      text()¤£·| ex. AABB

    • ¨ú¥Xarray

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

          alert(this.text());

      });



  • set


    • ¨Ï¬YoptionÅܬ°selected

      $("#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

      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

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

    $("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])

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






//¯Âjavascirpt

<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°È

  • 1 ¼Ó¦í¤á¡Gªü¬ü
    µoªí®É¶¡¡G2011-05-10

    $.getJSON("javascript/visited_states.txt", { userid: "20001" }, function(data) {
    $.each(data.states, function(i, state) {
    $("

    2 ¼Ó¦í¤á¡G¤p³Í
    µoªí®É¶¡¡G2011-05-14

    $("").appendTo("body");
    //ª½±µ¥Îval("...")¥i¥H¿ï¨ú¯S©wvalueªº¿ï¶µ
    var s1 = $("#s1").val(2);
    //val()¥i¥H¨ú±o¿ï¨ú¶µªº­È¡Afind(":selected").text()«h¥i±o¿ï¨ú¶µªº¤å¦r
    //ª½±µtext()·|¶Ç¦^©Ò¦³¿ï¶µªº¤å¦r¤j¦ê³s¡A¤£­n»~¥Î
    alert(s1.val() + "." + s1.find(":selected").text());
    //­±¹ï¦h¿ï¦¡select¤]¤£¬O°ÝÃD¡A¨Ò¦p¤Á¦¨multiple¡A¨Ã¿ï¨ú©Ò¦³¿ï¶µ
    s1.attr({ "multiple":"true", size:"3" }).find("option")
    .each(function() { this.selected = true; });
    //Á¤ Á¤ Á¤ Á¤~~~ val()¶Ç¦^ªº¥i¬O¦r¦ê°}¦C©O!
    var a = s1.val();
    if ($.isArray(a)) alert(a.join(","));
    //­n¿ï¨ú¯S©w¿ï¶µ¡A¶Ç°}¦C¶i¥h´N·d©w¤F
    a = ["2", "3"];
    s1.val(a);



    ¡@¦@ 2 ¤H¦^À³¡@¡@¿ï¾Ü­¶¼Æ ¡i²Ä1 ­¶¡j 

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