jQuery 获取值并插入到下拉菜单中并将 url 添加为选项值

Question

我有以下自动生成的代码，我希望 jQuery 代码帮助我取出 div 内的值并添加到下拉菜单中，并添加“/listing-agent-staff/barack-obama”作为选项值。

自动生成的代码:

<div class="StaffName">Barack Obama</div>
<div class="StaffName">Bill Clinton</div>
<div class="StaffName">Will Smith</div>

我想要将值插入到的下拉菜单:

<label for="Listing_Agent_Staff">Listing Contact</label>
<select name="Listing_Agent_Staff" id="Listing_Agent_Staff" class="cat_dropdown">
<option value="">-- Please select --</option>
<option value="/listing-agent-staff/barack-obama">Barack Obama</option>
<option value="/listing-agent-staff/bill-clinton">Bill Clinton</option>
<option value="/listing-agent-staff/will-smith">Will Smith</option>
</select>

请注意，第一部分是自动生成的，因此记录数量会有所不同，第二部分中的选项数量应该能够满足这一要求。谢谢。

Answer 1

使用以下内容:

​$(".StaffName")​​​​​​​​.each(function () {
   var name = $(this).text();
   var value = "/listing-agent-staff/" + name.toLowerCase().replace(" ", "-");
   $("<option>").text(name).attr("value", value).appendTo("#Listing_Agent_Staff");
}​);​

这是一个 DEMO 。