如何控制 jquery 中的选定和默认下拉值？

Question

我想控制我选择的下拉值 onload 因为我正在使用下面的代码工作。但如果我从下拉列表中更改我的选择，那么我也想在控制台中查看我当前选择的值。通过这个我可以为我的下一个 if else 操作获取我当前选择的值。

var s = document.getElementsByName('org_id')[0];
var value = s.options[s.selectedIndex].value;

console.log(value);

通过上面的代码我可以得到onload选择的值。但在那之后，如果我从下拉菜单中更改选择，我的控制台不会显示当前选择的值。如何使用 jquery.

实现此目的

<select name="org_id" id="org_id" class="required">
    <option value="">--Select Organization--</option>
    <option value="1">ABC</option>
    <option value="2">DEF</option>
    <option value="3">GHI</option>
    <option value="4">JKL</option>
    <option value="5">MNO</option>
</select>

Answer 1

您需要按照以下步骤操作：

向 <select> 下拉列表添加一个 change 事件侦听器，它将在 option
然后您需要在页面加载时显式调用此侦听器函数，以便您可以打印最初选择的值。

var s = document.getElementsByName('org_id')[0];

s.addEventListener("change", changeOrg);

function changeOrg(){
  var value = s.options[s.selectedIndex].value;
  console.log(value);
}

//on page load
changeOrg();

<select name='org_id'>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

如何控制 jquery 中的选定和默认下拉值？

How to console selected and default dropdown value in jquery?

jquery

html-select

console.log