選擇選項，只是附加了jQuery

Question

基於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：當我嘗試在谷歌瀏覽器中嘗試第二種方法時，它可以完美運行。

問候，約瑟夫

Answer 1

var opts = {

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

}

$.ajax(opts)

Answer 2

使用prop而不是attr ：

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

要么

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

http://jsfiddle.net/uG88d/

Answer 3

嘗試這個：
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])") -這告訴jquery在#mySelectElement中查找沒有'interactable'類的任何選項元素。
然后禁用它： .attr("disabled","disabled");

試試看： jsBin

編輯：

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

試試看

選擇選項，只是附加了jQuery

問題描述

3 個解決方案

解決方案1
0 已采納 2013-02-09 21:56:32

解決方案2
0 2013-02-09 21:58:59

解決方案3
0 2013-02-09 22:04:22

選擇選項，只是附加了jQuery

問題描述

3 個解決方案

解決方案1 0 已采納 2013-02-09 21:56:32

解決方案2 0 2013-02-09 21:58:59

解決方案3 0 2013-02-09 22:04:22

解決方案1
0 已采納 2013-02-09 21:56:32

解決方案2
0 2013-02-09 21:58:59

解決方案3
0 2013-02-09 22:04:22