如何在下拉框中进行选择?

发布网友发布时间：2023-09-23 20:33

共1个回答

热心网友时间：2024-12-05 07:31

//select中的onchange是在下拉框中所选的值发生变化时触发的事件。
//可以给onchange事件绑定一个方法，在onchange事件触发时会执行绑定的方法。
//示例：
//首先可以响应select的onchange事件来调用JS编写的事件响应函数，如
<select id="select1" name="select1" onchange="outputSelect();">
<option>...
</select>
//然后编写事件响应函数：
//如果select位于表单（form1）中，select的name为select1，则可使用如下方法：
//获得用户选中的项的索引
var index=window.document.form1.select1.selectedIndex;
//根据索引获得该选项的value值
var val=window.document.form1.select1.options[index].value;
//如果select并非表单元素，假设select的id为select1,则如下：
var index=window.document.getElementByIdx_xx_x("select1").selectedIndex;
var val=window.document.getElementByIdx_xx_x("select1").options[index].value;
//如果要输出选择结果，假设HTML中定义了一个<div id="output"></div>，则如下输出：
window.document.getElementByIdx_xx_x("output").innerText=val;
//一个示例：
function outputSelect(){
//获取用户选中的项的索引
var index=window.document.getElementByIdx_xx_x("select1").selectedIndex;
//根据index获取选中项的value值
var val=window.document.getElementByIdx_xx_x("select1").options[index].value;
//根据index获取选中项的Text值，即在下拉列表中显示的选项文本
var vname=window.document.getElementByIdx_xx_x("select1").options[index].text;
//输出value :
textdocument.getElementByIdx_xx_x("output").innerText=val " : " vname;