Element 可输入 Select:判断值来源是输入还是选择
要判断结果是输入的值还是下拉选择的值,可以在 Select 元素上添加一个 input 元素,用于接收用户输入的值。然后通过监听 input 元素的输入事件和 Select 元素的 change 事件,来判断用户是输入了值还是选择了下拉选项。
示例代码如下:
HTML 部分:
<select id='mySelect'>
<option value='option1'>Option 1</option>
<option value='option2'>Option 2</option>
<option value='option3'>Option 3</option>
</select>
<input type='text' id='myInput'>
JavaScript 部分:
var select = document.getElementById('mySelect');
var input = document.getElementById('myInput');
select.addEventListener('change', function() {
input.value = '';
});
input.addEventListener('input', function() {
select.selectedIndex = -1;
});
在上面的示例中,当用户选择了下拉选项时,input 元素的值会被清空;当用户输入了值时,select 元素的选中状态会被取消。通过这种方式,就可以判断结果是输入的值还是下拉选择的值了。
原文地址: https://www.cveoy.top/t/topic/qvhS 著作权归作者所有。请勿转载和采集!