要判断结果是输入的值还是下拉选择的值,可以在 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 元素的选中状态会被取消。通过这种方式,就可以判断结果是输入的值还是下拉选择的值了。

Element 可输入 Select:判断值来源是输入还是选择

原文地址: https://www.cveoy.top/t/topic/qvhS 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录