javascript - jquery如何获取下拉框的选中值

Question

我试图显示下拉列表的选定值，但它没有选择下拉值，而是向下拉列表添加另一个值。

这是我使用的代码:

jquery

var companyId = $(this).closest('tr').find('#headquarterIdForSearch').text();
                var companyName = $(this).closest('tr').find('#companyNameId').text();
                $(this).parents().find('.hqSelect option:selected').val(companyId).text(companyName);

上面的代码没有选择我分配给 Text 和 val 属性的值。但是，它正在添加一个新属性。比方说，我已将 companyName 的值取为“FIS”，将 companyId 取为 123。

该值出现在下拉列表下方，但是它正在向下拉列表添加新值。

如何显示选定的值？我还使用了以下代码:

$('#dropDownId :selected').text();

谢谢，

Answer 1

alert($('#id').val());

function demo()
{
  alert($('#id').val());

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id='id' onchange="demo()">
  <option value="1">Vijay  </option>
  <option value="2">Raj  </option>
  <option value="3">Ganesh  </option>
  <option value="4">Ram  </option>
  </select>