Javascript 获取所选选择框的文本，然后将文本添加到空范围

我有一个选择框

<select id="edit-field-article-category-tid" name="field_article_category_tid" class="form-select">
<option value="All" selected="selected">- Any -</option>
<option value="9">Press Releases</option>
<option value="13">-Product Announcements</option>
<option value="12">-Trade Show Announcements</option>
<option value="11">-Company News</option>
<option value="10">Case Studies</option>
<option value="159">Technical Resources</option>
</select>

---

抱歉，找到了解决方案，以下是代码：

jQuery("select#edit-field-article-category-tid").change(function(){
var art_cat = jQuery('select#edit-field-article-category-tid option:selected').text();
jQuery('span.art_cat').html(art_cat); 
});    
});

使用

$（这个）

会更干净

jQuery("select#edit-field-article-category-tid").change(function() {
    jQuery('span.art_cat').text($(this).find("option:selected").text()); 
});

此外，选择没有前导元素类型的元素更有效。基本上，您首先搜索

select

，然后在它找到的那些选择中搜索ID，在这些选择中，您只需搜索ID，它就会立即找到它

因此：

应该是：

jQuery("#edit-field-article-category-tid")

您可以这样做：

jQuery('#edit-field-article-category-tid').change(function() {
  var selected = $(this).find("option:selected").text();
  jQuery('span.art_cat').text(selected);
})

这是密码

---

我希望这对你有所帮助。

请不要重复答案-这不是怎么回事。如果有人已经写了同样的答案，不要在45分钟后重复！你实际上犯了一个错误，这就是为什么我否决了你。对不起，狗仔队。我不想重复你的答案。我只想分享我的答案。我也不是这个意思。谢谢你的评论，我像你写的那样做了，现在看起来越来越干净了。）

jQuery("select#edit-field-article-category-tid")

jQuery("#edit-field-article-category-tid")

jQuery('#edit-field-article-category-tid').change(function() {
  var selected = $(this).find("option:selected").text();
  jQuery('span.art_cat').text(selected);
})