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>

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

<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);
}

修改

我刚注意到您的脚本标记位于您的select标记内。您的脚本标记应位于正文标记的底部。

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);
});

从javascript中选择选项

3 个答案:

修改