获取div的内容

Question

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

I want to get the content of the DIV and print it inside javascript in a selector.

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

    });

I need to take options from the HTML. I've created a div indise <select></select> tags, because I had no other idea. But it's not working! I tried to put the options var inside <p></p> tags so i can print it, it sais 'undefined'.

Answer 1

Assuming the missing > is a typo, your structure is invalid. select elements cannot have div elements as direct children .

You could do this:

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

And then

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

Live Example | Live Source

Answer 2

Firstly, remove the <div> . It's not helping you at all. Then, if you want just the options:

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

or

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') 。