javascript - 获取div的内容

Question

<select>     
<div class="options">
              <option value="nothing">Nothing</option>
              <option value="snothing">Second Nothing</option>
      </div>
</select>

我想获取 DIV 的内容并将其打印在选择器的 javascript 中。

$(document).ready(function () {
    var options = $('.options').html();
.
.
.
        var content = '<select>' + options + '</select>';
.
.
.

    });

我需要从 HTML 中获取选项。我创建了一个 div indise <select></select>标签，因为我没有其他想法。但这不起作用!我尝试将选项 var 放入 <p></p> 内标签，以便我可以打印它，它说“未定义”。

Answer 1

假设缺少的 > 是拼写错误，则您的结构无效。 选择元素cannot have div elements as direct children .

您可以这样做:

<select class="options">
    <option value="nothing">Nothing</option>
    <option value="snothing">Second Nothing</option>
</select>

然后

var options = $('.options').html();

Live Example | Live Source