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

假设缺少>是拼写错误，您的结构无效。 select个元素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

Answer 2

首先，删除<div>。它根本没有帮助你。然后，如果您只想要选项：

$("select").html(); // to get the HTML

或

var something = $("select options"); // to get an array of jQuery objects

Answer 3

我认为您想要的是：$('select').html(options)或$('select').append(options) 其中options是一个html字符串，例如"<option value='1'>One</option>"或jquery元素集合，例如$('option')。

获取div的内容

3 个答案: