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