Jquery 设置选择框值和文本

Jquery 设置选择框值和文本,jquery,Jquery,我知道这是一个很愚蠢的问题,但我被卡住了。 我有一个选择框 <select class="valid sbi" name="FORM[rd]" id="rd" data-error=""> <option value="1">11</option> </select> 我想为选择框中的每个选项设置值和文本 <select class="valid sbi" name="FORM[rd]" id="rd" data-e

我知道这是一个很愚蠢的问题,但我被卡住了。 我有一个选择框

 <select class="valid sbi" name="FORM[rd]" id="rd" data-error="">
         <option value="1">11</option>
 </select>
我想为选择框中的每个选项设置值和文本

 <select class="valid sbi" name="FORM[rd]" id="rd" data-error="">
             <option value="1">11</option>
             <option value="2">22</option>
             <option value="3">33</option>
                ...
     </select>
请给我一些建议


感谢并问候

我想您是通过post ajax调用获得了与选项相关的数据。那就好像

$.ajax({
            url: '123.php',
            type: 'POST',
            data: {post_data:post_data},
            dataType: 'JSON',
            success: function(data) {

                //if data send is like [{value:'k2',text:kk1},{value:'k1',text:kk2},{value:'k3',text:kk3}]

                var html = "";
                for(x in data) {
                      html += "<option '"+data[x].value+"'>"+data[x].text+"</option>"
                }
                $("#rd").html(html);//append the generated html into select box


            }
});
注: 成功回调中的循环逻辑根据ajax响应的不同而不同

$.ajax({
    url: '123.php',
    type: 'POST',
    data: {post_data:post_data},
    dataType: 'JSON',
    success: function(data) {
       for(var i=0;i<data.length;i++){
           var option = document.createElement("option");
           option.value = data[i].value;
           option.innerHTML = data[i].text;

           //or for example "select[name='FORM[rd]']" or simply "#rd"
           $(".valid.sbi").append(option);
       }
    }
});

…这是我所知道的最简单的方法,for循环是在不知道响应结构的情况下编写的,因此必须进行更改

您想从通过AJAX返回的数据构造一个动态选择框,对吗?您的数据值在JSON中的格式如何?您使用哪种服务器端语言?
$.ajax({
    url: '123.php',
    type: 'POST',
    data: {post_data:post_data},
    dataType: 'JSON',
    success: function(data) {
       for(var i=0;i<data.length;i++){
           var option = document.createElement("option");
           option.value = data[i].value;
           option.innerHTML = data[i].text;

           //or for example "select[name='FORM[rd]']" or simply "#rd"
           $(".valid.sbi").append(option);
       }
    }
});