JQuery获取选择文本导致重复值

Question

我有一个显示如下的下拉列表：

 <li class="row" recordid="15">
 <!--...code...-->
 <p class="departments">
 <select name="department" id="department">
     <option value="null">Select A Department</option>
     <option value="1">Graphic Design</option>
     <option value="2">Photography</option>
     <option value="3">Advertising</option>
     <option value="4">Custom Promotions</option>
<select>
</p>
<!--more code-->
</li>

当我尝试获取当前选择的选择时，它会记录两次（这是通过单击按钮来确认对行的编辑）：

 $(".confirmEdit").live('click', function() { 

//get row id
var dbid = $(this).parent().attr("recordid");

//user
    var thisuser = "AUser";

//get values
var department = $("#department").val();
var deptDisplay = $("#department option[value='" + department + "']").text();
console.log(deptDisplay);
    //...
 });

如果选择了图形设计，我的结果是图形设计图形设计。我是不是把数据弄错了？这可能是一个错误吗？我正在动态构建下拉列表（使用一些 PHP/AJAX/JS mojo），但索引和文本看起来不错。

Answer 1

我不知道你为什么会得到两次，但要获得所选<option> 的text，只需像这样使用selected-selector^(docs)：

var deptDisplay = $("#departments option:selected").text();

或者这个没有 jQuery：

var depts = document.getElementById('departments');
var deptDisplay = depts.options[ depts.selectedIndex ].text;