在jquery中创建selectbox时出错?

在jquery中创建selectbox时出错?,jquery,Jquery,=>错误无法为选择框创建值 如何修复它,结果如下: <div id="item"></div> var div = $('<div/>', { style : 'border-top: 1px dotted #ccc; margin: 4px; padding: 10px;' }).appendTo($('#item')); var select = $('<select/>',{ name : 'name[]', option:

=>错误无法为选择框创建值

如何修复它,结果如下:

<div id="item"></div>
var div = $('<div/>', {
   style : 'border-top: 1px dotted #ccc; margin: 4px; padding: 10px;'
}).appendTo($('#item'));
var select = $('<select/>',{
   name : 'name[]',
   option: {
      value : 1,
      value : 2
   }
}).appendTo(div);

请试试这个

<select name="name[]">
   <option value="1">1</option>
   <option value="2">2</option>
</select>

如果我是你,我会做这样的事情:

$(document).ready(function(){
var div = $('<div></div>').css({'border-top': '1px dotted #ccc', 'margin': '4px', 'padding': '10px'});

var select = $('<select/>')
.attr('name','name[]')
.append('<option value=1>My option</option>')
.append('<option value=2>My option</option>')
.appendTo(div);

div.appendTo($('#item'));


});
根据您的项目,您可以从ajax或任何您想要的方式填充opts对象


另外,对于该div,我将添加一个类,而不是添加css内联。及时修改将更容易

此问题将帮助您尝试将选项标记附加到选择元素中
var div = $('<div/>')
    .css({
        borderTop : '1px dotted #ccc',
        margin : '4px',
        padding : '10px'
    });

div.appendTo( $('#item') );

var opts = {
    value_1 : 'value #1',
    value_2 : 'value #2',
    value_3 : 'value #3'
};
var select = $('<select/>').attr( 'name', 'name[]' );

$.each(opts, function( k, v ){
    // k is the key from opts, ex : value_1
    // v is the value attributet to k, ex : value #1
    $('<option />', {
        text : v,
        value : k
    }).appendTo( select );
});

select.appendTo( div );