<select onchange="test()" id="select_id">
<option value="0">-Select-</option>
<option value="1">Communication</option>
</select>
我需要在javascript中获取所选选项的值:有谁知道如何获取所选值或文本,请告诉我如何为其编写函数。我已经分配了onchange()函数来选择,那么在那之后我该怎么办呢?
发布于 2016-06-29 06:04:03
如果您正在googling搜索,并且不希望事件侦听器是一个属性,请使用:
document.getElementById('my-select').addEventListener('change', function() {
console.log('You selected: ', this.value);
});
<select id="my-select">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
发布于 2012-09-30 21:59:16
function test(a) {
var x = (a.value || a.options[a.selectedIndex].value); //crossbrowser solution =)
alert(x);
}
<select onchange="test(this)" id="select_id">
<option value="0">-Select-</option>
<option value="1">Communication</option>
<option value="2">Communication</option>
<option value="3">Communication</option>
</select>
发布于 2017-11-26 19:56:07
哇,答案中还没有真正可重用的解决方案..我的意思是,标准事件处理程序应该只获得一个event
参数,而不需要使用ids。我会使用:
function handleSelectChange(event) {
// if you want to support some really old IEs, add
// event = event || window.event;
var selectElement = event.target;
var value = selectElement.value;
// to support really old browsers, you may use
// selectElement.value || selectElement.options[selectElement.selectedIndex].value;
// like el Dude has suggested
// do whatever you want with value
}
您可以对每个内联js使用此处理程序:
<select onchange="handleSelectChange(event)">
<option value="1">one</option>
<option value="2">two</option>
</select>
jQuery:
jQuery('#select_id').on('change',handleSelectChange);
或普通JS处理程序设置:
var selector = document.getElementById("select_id");
selector.onchange = handleSelectChange;
// or
selector.addEventListener('change', handleSelectChange);
而且不必为您拥有的每个select
元素重写此代码。
示例代码片段:
function handleSelectChange(event) {
var selectElement = event.target;
var value = selectElement.value;
alert(value);
}
<select onchange="handleSelectChange(event)">
<option value="1">one</option>
<option value="2">two</option>
</select>
https://stackoverflow.com/questions/5416767
复制相似问题