温馨提示×

怎么获取select下拉框选中的的值

小亿
371
2023-08-10 17:00:16
栏目: 编程语言

可以使用JavaScript来获取select下拉框选中的值。

首先,给select下拉框添加一个id属性,以便获取它的引用。例如:

<select id="mySelect">
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
</select>

然后,在JavaScript中使用getElementById()方法获取select元素的引用,并使用value属性获取选中的值。例如:

var select = document.getElementById("mySelect");
var selectedValue = select.value;

现在,selectedValue变量就包含了select下拉框选中的值。你可以根据需要对其进行进一步的处理或使用。

另外,如果你想获取选中的文本而不是值,可以使用selectedOptions属性和text属性。例如:

var select = document.getElementById("mySelect");
var selectedText = select.selectedOptions[0].text;

现在,selectedText变量就包含了select下拉框选中的文本。

0