javascript - 动态获取更改的选择值

Question

我需要在选择列表中获取所选选项(更改时)的值，并更改选择列表旁边的跨度中的文本。问题是我不知道选择列表的 ID。页面上有很多不同的选择列表 (5-25+)，它们都是动态创建的，所以我不能在 .change() 中指定 id。这是我所拥有的:

JavaScript:

$("select").change(function () {
   var str = "";
   str = $("select option:selected").text();

   $(".out").text(str);
}).trigger('change');

(当然这不行，把所有select的值都放在每个span里。)

HTML:

<select name="animal[]">
    <option value="dog">dog</option>
    <option value="cat">cat</option>
    <option value="bird">bird</option>
    <option value="snake">snake</option>
</select>
<span class="out"></span>

我错过了什么？

Answer 1

尝试这样的事情:

$("select").change(function () {
   var txt = $(this).val();
   $(this).next('span.out').text(txt);
}).trigger('change');​