Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.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 如何从列表中的select元素获取所有选项_Javascript_Jquery - Fatal编程技术网

Javascript 如何从列表中的select元素获取所有选项

Javascript 如何从列表中的select元素获取所有选项,javascript,jquery,Javascript,Jquery,使用jquery(或原生js)。如何获取列表中的所有选项html,因此输出类似于: var options = ['<option value="" selected="">---------</option>', <option value="1">Option 1</option>'] var options=['-----------',Option 1'] 您可以获取select节点,并在select节点中找到所有选项,然后从这些选项中获

使用jquery(或原生js)。如何获取列表中的所有选项html,因此输出类似于:

var options = ['<option value="" selected="">---------</option>', <option value="1">Option 1</option>']
var options=['-----------',Option 1']

您可以获取select节点,并在select节点中找到所有选项,然后从这些选项中获取html

var selectNode = $('select-selector');
var options = selectNode.find('option').toArray().map(function (o) { return o.outerHTML});
根据评论中的建议进行编辑

像这样的

var-selectBoxEl=document.getElementById('selectBox');
var arrayOfNodes=selectBoxEl.childNodes;
var optionsArr=[];
//循环子节点并仅获取选项节点
对于(变量i=0;i

沃尔沃汽车
萨博
梅赛德斯
奥迪

要将html放入数组中吗?您可以读取html并拆分它,但它可能不是您真正想要的。重复的可能不是OP想要的。您希望数组包含元素的html,还是元素本身?您的问题同时显示了这两个方面。很抱歉,我没有弄清楚元素(而不是对象)的html字符串。请注意,您不需要
toArray()
在这里,jQuery有自己的
map()
$.map(selectNode.find('option'), function(o) { return o.outerHTML; });