1

私はこれを持っています、

<select id="customUser_id" name="customUser_id">
  <option value="2" label="Friends Of Friends">Friends Of Friends</option>
  <option selected="selected" value="3" label="Friends Only">Friends Only</option>
  <option value="4" label="Specific People">Specific People</option>
  <option value="0" label="Only Me">Only Me</option>
</select>

Selected OptionjQueryを使用する価値を取得したい。

現在、私はonchange()このようなイベントを使用していますが、

$('#customUser_id').change(function(){
    if(($(this).val()==2)){
        $("#customWallPost3").text("Only Friends of Friends can see this");
    }
    else if(($(this).val()==3)){
        $("#customWallPost3").text("Only Friends can see this");
    }
    else if(($(this).val()==4)){
        $("#customWallPost3").text("Only the people above can see this");
    }
    else if(($(this).val()==0)){
        $("#customWallPost3").text("Only I can see this");
    }
    else{
        $("#customWallPost3").text("");
    }
});

これはオプション値を変更する場合にのみ機能しますが、これで選択したオプション値も取得したいと思います。前もって感謝します

4

6 に答える 6

1

あなたが何を求めているのかわからない...

これで選択したオプション値も取得したい..

ただし、選択したオプション値を取得するには、次を使用します

  $('#customUser_id').val();

<select>これにより、IDの選択された値が得られます。customUser_id

更新しました

選択したオプションのテキストを取得したい場合は、次のことができます

 $("#customUser_id option:selected").text();
于 2013-02-18T06:29:21.330 に答える
1

$('#customUser_id').val()選択された値を与えるので、あなたの質問に は確信が持てません。

selectedそれでも必要に応じて、これを使用して各オプションを反復処理し、属性 を持つ要素を取得できます

$('#customUser_id').children().each(function() {
    if($(this).attr('selected')) {
        // here you have the element with _selected_ attribute
    }
});

attribute必要に応じて、選択したものを直接取得できます

var selectedElt = $('#customUser_id').children('[selected=selected]');
于 2013-02-18T06:33:57.930 に答える
1

配列と関数を使用して、より使いやすい方法で作成できます。

LIVE DEMO

var arr_Infos = [
  'Only I can see this',                    // option value 0
  '',                                       // option value 1
  'Only Friends of Friends can see this',   // option value 2
  'Only Friends can see this',              // option value 3
  'Only the people above can see this'      // option value 4 (don't use comma)
];


function popoulateInfo(){
   var sel =  $('#customUser_id').find(":selected").val();
   $('#customWallPost3').text( arr_Infos[ sel ] ); 
}
popoulateInfo();             // run immediately

$('#customUser_id').on('change', function(){   
  popoulateInfo();           // run on change
});
于 2013-02-18T06:37:01.897 に答える
0

選択したオプションを表示したい場合-「私だけがこれを見ることができます」または「友達だけがこれを見ることができます」など...ロード時に、.ready()代わりにこのコードを追加できます.change()

$('#customUser_id').ready(function(){
if(($(this).val()==2)){
    $("#customWallPost3").text("Only Friends of Friends can see this");
}
else if(($(this).val()==3)){
    $("#customWallPost3").text("Only Friends can see this");
}
else if(($(this).val()==4)){
    $("#customWallPost3").text("Only the people above can see this");
}
else if(($(this).val()==0)){
    $("#customWallPost3").text("Only I can see this");
}
else{
    $("#customWallPost3").text("");
}
});
于 2013-02-18T06:31:16.923 に答える
0

トリガーを使用する

$('#customUser_id').change(function(){
    // your code
}).trigger('change');
于 2013-02-18T06:33:37.217 に答える
0

選択した値の値を取得するには、これを試してください:

$('#customUser_id').val();

ここにドキュメントがありますhttp://api.jquery.com/val/

于 2013-02-18T06:30:30.023 に答える