javascript - 从 javascript 中选择选项

Question

<select>
<script type="text/javascript">     
    $.get(     
      '/api/load/maron_online/470',     
      function(data){     
        var mydata = new Array();     
        var i = 0; // индекс массива материалов
        $('name', data).each(function(){     
          if($(this).text()=='MATERIAL_ID') mydata[i++] = new Array(); // массив материалов
          mydata[i-1][$(this).text()] = $(this).next().text();     
        });
        var htm = '';
      for(i in mydata) htm += "<option value=\"" + mydata[i]['TITLE'] + "\">"
    + mydata[i]['TITLE'] + "</option>";
        $('#real').html(htm);
      },     
      'xml'     
    );
</script>
</select> 

我想做一个选择选项，但我在 javascript 代码之前和之后添加的选择标签不起作用。我希望结果是

<select><option value=n>n</option><option value=x>x</value></select>

Answer 1

选择标签在哪里

 var htm = '<select>';
      for(i in mydata) 
          htm += "<option value=\"" + mydata[i]['TITLE'] + "\">"
                      + mydata[i]['TITLE'] + "</option>";
    htm += '</select>';
 $('#real').html(htm); // make sure you have this element on the page

Answer 2

var $sel= $('selectId');
var $opt = $('<option></option>');

for (...) {
    // set the value and text
    $opt.val(value);
    $opt.text(text);

    // add to the select
    $sel.append($opt);
}

编辑

我刚刚注意到您的脚本标签在您的选择标签内。您的脚本标签应位于正文标签的底部。

Answer 3

请看下面的小提琴。它可能会有所帮助。它会创建一个带有您指定的选项的选择标签。

http://jsfiddle.net/itz2k13/LtfFz/

jQuery(document).ready(function(){
    var options = "";
    for (i = 0; i < 10; i++){
       options += "<option value = "+i+">"+i+"</option>";
    }    
   jQuery("#select_option").append(options);
});