Javascript 使用jQuery中的选项创建SELECTDOM对象，传递属性

如何在jquery中使用类似于此输入创建示例的选项创建SELECTDOM对象

$('<input />', {
  name: 'age',
  type: 'number',
  placeholder: 'enter a number 1'
}).appendTo('#app');

$（“”{
姓名：'年龄'，
键入：“编号”，
占位符：“输入数字1”
}).appendTo（“#app”）；

---

有没有一种方法可以通过传递属性来创建它？

只需将整个select with选项作为字符串传递即可创建

$('<select name="number">' +
  '<option>1</option>' +
  '<option>2</option>' +
  '<option>3</option>' +
'</select>').appendTo('body');

$（“”+
'1' +
'2' +
'3' +
''）。附于（'主体'）；

只需将整个select with选项作为字符串传递即可创建

$('<select name="number">' +
  '<option>1</option>' +
  '<option>2</option>' +
  '<option>3</option>' +
'</select>').appendTo('body');

$（“”+
'1' +
'2' +
'3' +
''）。附于（'主体'）；

另一种解决方案，使用具有所需

值和
文本的对象数组，并基于数组信息创建新的选择元素


$（文档）.ready（函数（）{
变量arrSelect=[
{value:1，文本：'One'}，
{值：2，文本：'Two'}，
{值：3，文本：'Three'}
];
var select=$（''）.appendTo（'body'）；//创建新的select元素
//循环遍历对象数组，然后创建新选项并附加到select元素
map（函数（arr）{select.append（$（“”）.attr（'value'，arr.value）.text（arr.text））}）；
$（“body”）.append（select）；//将select追加到body元素
});
另一种解决方案，使用具有所需
值和
文本的对象数组，并基于数组信息创建新的select元素


$（文档）.ready（函数（）{
变量arrSelect=[
{value:1，文本：'One'}，
{值：2，文本：'Two'}，
{值：3，文本：'Three'}
];
var select=$（''）.appendTo（'body'）；//创建新的select元素
//循环遍历对象数组，然后创建新选项并附加到select元素
map（函数（arr）{select.append（$（“”）.attr（'value'，arr.value）.text（arr.text））}）；
$（“body”）.append（select）；//将select追加到body元素
});
1\您可以选择多个DOM

像这样：

$( "div, .sCLASS, p.myClass" ).whatever...

$( "p" + ".sCLASS" ).whatever...

2\您也可以使用concate选择单个DOM

像这样：

$( "div, .sCLASS, p.myClass" ).whatever...

$( "p" + ".sCLASS" ).whatever...

但是不能同时传递arg
1\可以选择多个DOM

像这样：

$( "div, .sCLASS, p.myClass" ).whatever...

$( "p" + ".sCLASS" ).whatever...

2\您也可以使用concate选择单个DOM

像这样：

$( "div, .sCLASS, p.myClass" ).whatever...

$( "p" + ".sCLASS" ).whatever...

但是不能同时传递arg
创建对象选择，然后附加选项对象

$('<select />', {
  id: 'my-numbers',
  name: 'select-number'
})
.append($("<option/>", {
    value: '1',
    text: 'number1'
}))
.append($("<option/>", {
    value: '2',
    text: 'number2'
}))
.appendTo('#app');

$（“”{
id:'我的号码'，
名称：“选择号码”
})
.append（$（“”）{
值：“1”，
文本：“1号”
}))
.append（$（“”）{
值：“2”，
文本：“数字2”
}))
.appendTo（“#app”）；
创建对象选择，然后附加选项对象

$('<select />', {
  id: 'my-numbers',
  name: 'select-number'
})
.append($("<option/>", {
    value: '1',
    text: 'number1'
}))
.append($("<option/>", {
    value: '2',
    text: 'number2'
}))
.appendTo('#app');

$（“”{
id:'我的号码'，
名称：“选择号码”
})
.append（$（“”）{
值：“1”，
文本：“1号”
}))
.append（$（“”）{
值：“2”，
文本：“数字2”
}))
.appendTo（“#app”）；
使用jQuery创建元素时，任何属性，甚至jQuery方法都可以在options对象中使用，因此您可以这样做


$（“”{
名称：'测试'，
关于：{
更改：函数（）{/*stuff*/}
},
附加：[
$（''，{value:“1”，text:“Opt 1”}），
$（''，{value:“2”，text:“Opt 2”}），
$（''，{value:“3”，text:“Opt 3”}）
]
}).appendTo（“#app”）
使用jQuery创建元素时，任何属性，甚至jQuery方法都可以在options对象中使用，因此您可以这样做


$（“”{
名称：'测试'，
关于：{
更改：函数（）{/*stuff*/}
},
附加：[
$（''，{value:“1”，text:“Opt 1”}），
$（''，{value:“2”，text:“Opt 2”}），
$（''，{value:“3”，text:“Opt 3”}）
]
}).appendTo（“#app”）

检查未找到此页面，请提供有效链接！！然后我会得到我的错误（如果是这样）的想法再次感谢请检查此页面未找到，请提供有效的链接！！那么我会再次得到我的错误（如果是的话）的想法