Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sockets/2.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列表,然后输出下拉列表_Javascript_Jquery - Fatal编程技术网

使用javascript解析html列表,然后输出下拉列表

使用javascript解析html列表,然后输出下拉列表,javascript,jquery,Javascript,Jquery,我正在尝试编写一些javascript,它将自动获取html ul列表中的文本,然后将其作为下拉列表输出。以下是我到目前为止的情况: 当然,问题是代码没有遍历每个列表项并将其输出到自己的选项标记中 $(“li”)。每个(函数(){ $("li").each(function () { $('<option />').text($(this).text()) .val($(this).text()) .

我正在尝试编写一些javascript,它将自动获取html ul列表中的文本,然后将其作为下拉列表输出。以下是我到目前为止的情况:

当然,问题是代码没有遍历每个列表项并将其输出到自己的选项标记中

$(“li”)。每个(函数(){
$("li").each(function () {
    $('<option />').text($(this).text())
                   .val($(this).text())
                   .appendTo("select");    
});
$('').text($(this.text()) .val($(this).text()) .附录(“选择”); });

不需要jQuery。只需为每个元素创建一个新的选项节点,并将其附加到select

var ul = document.getElementsByTagName("ul")[0];
var select = document.getElementsByTagName("select")[0];

[].forEach.call(ul.children, function (el) {
    var option = document.createElement("option");
    option.textContent = el.textContent; 
    select.appendChild(option);
});

B因为你总是选择我。KTHXBYE.)