0

これは私が得た非常に小さな問題です。以下は私のhtml選択タグです

<select id="category" name="category" style="opacity: 0; ">             
                <optgroup label="Default">  
                    <option value="Finance">Finance</option>
                    <option value="IT">IT</option>
                </optgroup>
                <optgroup label="User Created">             
                    <option value="Categoy">Categoy</option>
                    <option value="My Category">My Category</option>
                </optgroup>
      </select>

ユーザーが作成したラベルの optgroup にあるオプションをユーザーが選択したときに、ボタンを表示する必要があります。jqueryでそれを行う方法を誰かに提案してもらえますか

ありがとう

4

2 に答える 2

5

フィドル: http://jsfiddle.net/tariqulazam/27RLj/

HTML

<select id="category" name="category" style="opacity: 1; ">             
   <optgroup label="Default">  
         <option value="Finance">Finance</option>
         <option value="IT">IT</option>
   </optgroup>
   <optgroup label="User Created">             
         <option value="Categoy">Categoy</option>
         <option value="My Category">My Category</option>
   </optgroup>
</select>

<input type="button" value="button" id="btn"/>​

コード

$(document).ready(function(){
    $("#btn").hide();


    $("#category").change(function(){
        var selected = $("option:selected", this);
        selected.parent()[0].label=="User Created"?$("#btn").show(): $("#btn").hide();     

    });

});​
于 2012-10-25T04:07:40.803 に答える
1

HTML

    <select id="category" name="category" style="opacity: 1; ">             
            <optgroup label="Default">  
                <option value="Finance">Finance</option>
                <option value="IT">IT</option>
            </optgroup>
            <optgroup label="User Created">             
                <option value="Categoy">Categoy</option>
                <option value="My Category">My Category</option>
            </optgroup>
  </select>
 <input id="btn" type="button" style="display:none" value="Press Me" />

脚本

    $(document).ready(function() {
    $("select").change(function() {
    var clicked = $(this)
                     .find('option:selected') // get selected option
                     .parent()   // get that option's optgroup
                     .attr("label");   // get optgroup's label
       if( clicked == "User Created")
       {
         $('#btn').css('display','');
        }
        else
        {
            $('#btn').css('display','none');
        }
    });
});

このフィドルをチェックしてください

于 2012-10-25T04:11:52.220 に答える