Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我可以将HTML select与动态数组相关联吗?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 我可以将HTML select与动态数组相关联吗?

Javascript 我可以将HTML select与动态数组相关联吗?,javascript,jquery,html,Javascript,Jquery,Html,假设我有一个HTMLselect对象,其中没有任何内容 <select id="options"> </select> 是否可以将JavaScript数组附加到此select,以便在更新数组时,select中的可用选项也可以更新 或者我只需要使用JQuery来实现我想要的功能。如果数组被更新,您可以创建函数并在每次运行它。 jQuery没有任何类似arrayChanged的方法。更改阵列后初始化功能手册 function updateSelect(arr) {

假设我有一个HTML
select
对象,其中没有任何内容

<select id="options">
</select>

是否可以将JavaScript数组附加到此select,以便在更新数组时,select中的可用选项也可以更新


或者我只需要使用JQuery来实现我想要的功能。

如果数组被更新,您可以创建函数并在每次运行它。 jQuery没有任何类似arrayChanged的方法。更改阵列后初始化功能手册

function updateSelect(arr) {

    // code with jQuery each or clean JS

}


// code to change array
var arr = ...


// run select updater
updateSelect(arr);

您可以创建函数并在每次更新阵列时运行它。 jQuery没有任何类似arrayChanged的方法。更改阵列后初始化功能手册

function updateSelect(arr) {

    // code with jQuery each or clean JS

}


// code to change array
var arr = ...


// run select updater
updateSelect(arr);

任何使用虚拟DOM的JavaScript框架(Angular、Vue.js、React…)都比jQuery或Vanilla JavaScript更容易(更快)。也就是说,框架不能彼此共存,而且在与jQuery这样的库共存方面非常糟糕;我建议决策的依据不仅仅是这样一个问题,不管有没有这些问题都可以解决

这里是Vue;我使用过的最切中要害的框架:

newvue({
el:“#选项”,
数据:{
数组:[
“选项1”,
“方案2”,
“我数不清了”
]
}
})

{{value}}

任何使用虚拟DOM(Angular、Vue.js、React…)的JavaScript框架都比jQuery或Vanilla JavaScript更容易(更快)。也就是说,框架不能彼此共存,而且在与jQuery这样的库共存方面非常糟糕;我建议决策的依据不仅仅是这样一个问题,不管有没有这些问题都可以解决

这里是Vue;我使用过的最切中要害的框架:

newvue({
el:“#选项”,
数据:{
数组:[
“选项1”,
“方案2”,
“我数不清了”
]
}
})

{{value}}

您不必使用jquery;jquery只是一个javascript框架,它使事情变得更简单、更简洁(历史上,它更兼容浏览器)。这可以通过角度来实现:这正是设计的目的;)谢谢大家,我不确定是否有一种很好的方法可以做到这一点,正如您所提到的:-)您不必使用jquery;jquery只是一个javascript框架,它使事情变得更简单、更简洁(历史上,它更兼容浏览器)。这可以通过角度来实现:这正是设计的目的;)谢谢大家,我不确定是否有一个很好的方法可以做到这一点,正如你们所提到的:-)