1

AJAXクエリに基づいて、リストにいくつかのオプションを追加しました。

for(var i = 0; i < options.length; i++) {
    var data = options[i];
    var option = $('<option id="mySelectElementOption_' + data['id'] + '" value="' + data['value'] + '">' + data['value'] + '</option>');
    $('#mySelectElement').append(option);
}

ここで、ユーザーがページ上で対話するときに、追加されたばかりのオプションから選択したいので、次のことを試しました(どちらの可能性も私には機能しません)。

$('#mySelectElementOption_' + id).attr('selected', 'selected');

var option = document.getElementById('mySelectElementOption_' + id);
option.selected = true;

オプションの選択方法がわからないので、行き詰まります。私がこれをどのように解決できるかについて何か考えがありますか?ありがとう!

PS:Google Chromeで2番目の可能性を試してみると、完全に機能します。

あいさつ、ジョセフ

4

3 に答える 3

0

これを試してください:
HTML:

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <select id="mySelectElement">
    <option id="oldoption" >Old option</option>
  </select>
</body>
</html>

JS:

//demo data
options = [{id:0, value:"aaa"},{id:1, value:"bbb"},{id:2, value:"ccc"}];

    for(var i = 0; i < options.length; i++) {
        var data = options[i];
        var option = $('<option id="mySelectElementOption_' + data['id'] + '" class="interactable" value="' + data['value'] + '">' + data['value'] + '</option>');
        $('#mySelectElement').append(option);
    }
//This is what you need:
        $("#mySelectElement :not([class])").attr("disabled","disabled");

説明:
$("#mySelectElement :not([class=interactable])")-これは、「interactable」クラスを持たない#mySelectElement内のオプション要素を検索するようにjqueryに指示します。
次に、それを無効にします。.attr("disabled","disabled");

試してみてください: jsBin

編集:

$("#mySelectElement .interactable:first").prop('selected', true);

やってみよう

于 2013-02-09T22:04:22.927 に答える
0
var opts = {

success: function(data)
         {
             //do everything here first before appending it,
             //including adding event bindings
         }

}

$.ajax(opts)
于 2013-02-09T21:56:32.857 に答える
0

propの代わりに使用attr:

$('#mySelectElementOption_' + id).prop('selected', true);

また

$('#mySelect').val($('#mySelectElementOption_' + id).val());

http://jsfiddle.net/uG88d/

于 2013-02-09T21:58:59.347 に答える