获取当前 select
元素的值,可以使用 JavaScript 中的 value
属性。下面是获取 select
元素值的代码示例:
// 获取 id 为 mySelect 的 select 元素
let selectElement = document.getElementById('mySelect');
// 获取 select 元素的值
let selectValue = selectElement.value;
// 输出 select 元素的值
console.log(selectValue);
在上面的代码中,document.getElementById('mySelect');
用来获取 id
为 mySelect
的 select
元素,selectElement.value
用来获取 select
元素的值,最后使用 console.log()
函数将值输出到控制台。
另外,如果 select
元素的值变化后需要触发相应的事件或执行某些操作,可以使用 addEventListener
函数,如下面所示的示例代码:
// 获取 id 为 mySelect 的 select 元素
let selectElement = document.getElementById('mySelect');
// 给 select 元素添加事件监听
selectElement.addEventListener('change', function() {
// 获取 select 元素的值
let selectValue = selectElement.value;
// 输出 select 元素的值
console.log(selectValue);
});
在上面的代码中,使用 addEventListener
函数给 select
元素添加了 change
事件监听,当 select
元素选中的值发生改变时,就会触发该事件监听,执行回调函数中的代码。回调函数中的代码与前面的示例相同,也是获取 select
元素的值并将其输出到控制台。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js 获取当前select元素值的代码 - Python技术站