如何在jquery中控制选定下拉值和默认下拉值？
如何在jquery中控制选定下拉值和默认下拉值？
提问于 2018-03-05 22:17:51
我想控制我选择的下拉值onload，我正在使用下面的代码，它正在工作。但是，如果我从dropdown更改选择，那么我也希望在控制台中看到我当前选择的值。这样，我就可以为下一个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>回答 1
Stack Overflow用户
回答已采纳
发布于 2018-03-05 22:24:35
您需要执行以下步骤：
- 将
change事件侦听器添加到<select>下拉列表中，该侦听器将在更改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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49112488
复制相关文章
相似问题