正文 

当前位置： 首页 > 科普库 >

如何获取下拉列表选中的值？

     2023-03-06     151
<!doctype html>

<html>

<head>

<!--获得下拉列表中的选中值-->

<style>

</style>

<script>

function test()

var tes=document.getElementById("tes");//获取select元素

alert(tes.options["内容值："+tes.selectedIndex].innerHTML+"元素值"+tes.options[tes.selectedIndex].value);//通过selectedIndex获得选中的选项的下标，再通过options[]集合获取选中的option元素

</script>

<meta charset="UTF-8">

</head>

<body>

<select id="tes" onchange="test()"><!--选项值改变时触发onchange（）事件-->

<option value="帅哥" checked="checked" id="test1">帅哥</option>

<option value="美女" id="test2">美女</option>

<option value="ladybody" id="test3">ladybody</option>

</select>

</body>

</html>

参考资料

csdn.csdn[引用时间2018-1-25]

 参考知识1 <option
value="1">北京
上海

广州

也就是说当用户选择“上海”这一列时，需要将“上海”这个名称保存起来。其实方法很简单。看下面javascript代码：
function isSelected(value)
var cityName;
var city =
document.getElementById("city");
//获取选中的城市名称

for(i=0;i<city.length;i++)
if(city[i].selected==true)
cityName
= city[i].innerText; //关键点
alert("cityName:" + cityName);


也可以这样做：

function isSelected(value)
var city = document.getElementById("city");

alert(city.options[city.selectedIndex].innerText);

大致解释一下，首先在HTML页面上有一个下拉框，并为此下拉框定了一个“city”的id，并为其绑定了一个onchange事件，通过此事件调用javascript函数。

在javascript函数当中，通过domcument对象获取当前下拉框的节点元素，由于节点的值并非只有一个，所以我们可以通过循环节点来得到每个选项的值。在循环的时候通过判断当前选项是否选中，如果选中则使用city[i].innerText
方式获取当前所选中的文本值。当然如果需要获取选项值，只需如此即可：city[i].value.

至此，通过以上方法在IE下已能达到所要的结果。但是，在FIREFOX下测试时，发现此法不起作用，最后通过查阅资料发现另外一个方法。将city[i].innerText
改为 city[i].text即可。这种方法对IE及FIXEFOX都适用！

怎样获取扫描周期？

　　通过编程软件或编程器，可以获取扫描周期的值。　　在FX系列的编程软件中执行菜单命令“PLC”―“PLC诊断”，可以得到扫描周期的当前值、最小值和最大值。也可以用手持式编程器来读取特殊寄存器D801 查看详情

如何利用TRIX指标选中股票

每一年我都会把上一年大盘的日K线图打印出来贴在房间里。望着那些高高低低的K线扪心自问：哪里是波峰，哪里是波谷，该如何分辨?技术指标实质上是一种“眼见为凭”的操作法，目的是为了让投资者量避免盲目猜测行情 查看详情

缴税业务对账不符挂账返还的流程是什么？

1、经办柜员查询“清算交易列表查询－对账不符差错挂账登记簿”中“已挂账”项目，并打印报表。　　2、经办柜员逐笔选中挂账记录，逐笔查询出挂账明细，并把挂账明细打印在内部通用凭证上。　　3、经办柜员根据打 查看详情

怎样运用TRIX指标选中股票

怎样运用TRIX指标选中股票?怎么运用TRIX指标选中股票?如何利用TRIX指标选中股票?技术指标实质上是一种“眼见为凭”的操作法，目的是为了让投资者量避免盲目猜测行情，相对轻松地介入股市。对于非职业 查看详情

>>技术列表页>>如何辨别真假化肥

参考知识1春播临近，广大农民消费者开始着手为春播储备购买化肥。为了减少农民损失，增强识别能力，工商部门提醒广大农民消费者注意辨别真假化肥的四点方法。一是视觉识别法正规厂家生产的肥料，其外包装规范、结实... 查看详情