Question

无法使此选择器正常工作......

$('div#associations_notes select#company :selected').val()

也试过..

$('div#associations_notes > select#company :selected').val()

和..

$('~ select#company :selected','div#associations_notes').val()

HTML：

<div id="associations_notes">
<div id="associated_companies_box"> 
<div id="company_associations_list"></div>
<div id="association_company" style="display:none;">
<select name="association_id" id=company class=works_for>
<option value="35">Compaq</option>

...

有什么想法吗？

Answer 1

如果您只有一个选定选项，则应测试select元素的值，而不是查找selected选项。这将在计算上更快（并且编码也更快）。

$('#company').val();

选择器可以缩减为id选择器，因为id属性必须是页面唯一的，因此您几乎肯定不需要测试其祖先。

Answer 2

您只需要获取所选option的值

$('#company option:selected').val();

  <select id="mySelect">
    <option>option 1</option>
    <option>option 2</option>
    <option>option 3</option>
    <option>option 4</option>
    <option>option 5</option>
    <option>option 6</option>
  </select>

这是您需要的<option>，而不是<select>值

jQuery高级选择器 - 选择：从父div中选择

2 个答案: