html下拉菜单的某个值被选定,使用JavaScript在下拉列表中获取选定的值?

本文介绍如何使用普通JavaScript及jQuery获取HTML下拉列表中被选中项的值与显示文本,适用于前端开发者快速定位并操作用户选择的数据。

普通的JavaScript:

var e = document.getElementById("elementId");

var value = e.options[e.selectedIndex].value;

var text = e.options[e.selectedIndex].text;

jQuery的:

$("#elementId :selected").text(); // The text content of the selected option

$("#elementId :selected").val(); // The value of the selected option// HTML

Text:

{{selectItem.text}}

Value: {{selectItem.value}}

// JavaScript$scope.items = [{

value: 'item_1_id',

text: 'Item 1'}, {

value: 'item_2_id',

text: 'Item 2'}];

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值