JavaScript –从下拉列表中获取选定的值

最新推荐文章于 2023-01-11 09:21:07 发布
最新推荐文章于 2023-01-11 09:21:07 发布
阅读量1.5k 收藏 3
点赞数 2
文章标签： javascript ViewUI

一个JavaScript示例，向您展示如何从下拉列表中获取选定的值或文本。

下拉框列表。 

<select id="country">
		<option value="None">-- Select --</option>
		<option value="ID001">China</option>
		<option value="ID002" selected>United State</option>
		<option value="ID003">Malaysia</option>
	</select>

获取选项值： 

var e = document.getElementById("country");
	var result = e.options[e.selectedIndex].value;
	alert(result); //ID002

获取选项文本： 

var e = document.getElementById("country");
	var result = e.options[e.selectedIndex].text;
	alert(result); //United State

JavaScript下拉菜单 

<!DOCTYPE html>
<html>
	<head>
		<title>JavaScript - Get selected value from dropdown list</title>
	</head>

	<body>

		<h1>JavaScript - Get selected value from dropdown list</h1>

		<p id="result">United State</p>
		
		<select id="country">
			<option value="None">-- Select --</option>
			<option value="ID001">China</option>
			<option value="ID002" selected>United State</option>
			<option value="ID003">Malaysia</option>
		</select>

		<script>

			function GetSelectedValue(){
				var e = document.getElementById("country");
				var result = e.options[e.selectedIndex].value;
				
				document.getElementById("result").innerHTML = result;
			}

			function GetSelectedText(){
				var e = document.getElementById("country");
				var result = e.options[e.selectedIndex].text;
				
				document.getElementById("result").innerHTML = result;
			}
			
		</script>

		<br/>
		<br/>
		<button type="button" onclick="GetSelectedValue()">Get Selected Value</button>

		<button type="button" onclick="GetSelectedText()">Get Selected Text</button>
	</body>

</html>

演示版

参考文献

标签：

翻译自: https://mkyong.com/javascript/javascript-get-selected-value-from-dropdown-list/

cyan20115
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript获取下拉列表的值
03-01
博文链接：https://jacky68147527.iteye.com/blog/230139
js获取下拉列表中选中的值和文本
08-10
这是javascript获取下拉菜单选中的值和文本的技术文档
jquery操作select大全
qq_21223653的博客
08-05 571
**jquery操作select(取值，设置选中） 每一次操作select的时候，总是要出来翻一下资料，不如自己总结一下，以后就翻这里了。** 比如 1、设置value为pxx的项选中 $(“.selector”).val(“pxx”); 2、设置text为pxx的项选中 $(“.selector”).find(“option[text=’pxx’]”).attr(“selected”,true
js取得select下拉列表的值
lycgxy的专栏
10-22 574
var select = document.getElementById("selectType");    var index = select.selectedIndex;    var text = select.options[index].text;    var value = select.options[index].value;  得安奇专卖（运动休
js获取下拉菜单的值
skh2015java的博客
06-21 9255
现在有一id=test的下拉框，怎么拿到选中的那个值呢？ 分别使用javascript原生的方法和jquery方法       text1      text2      code: 一、javascript原生的方法   1.拿到select对象： var  myselect=document.getElementById("test");   2.拿到
javascript获取下拉列表框当中的文本值示例代码
10-27
需要将用户点击下拉列表当中某个选项后，将其所选的内容保存起来，下面与大家分享下如何使用js获取下拉列表框文本值，由此需求的朋友可以参考下
javascript 获取select下拉列表值的代码
10-29
大家在javascript表单制作中，有时候会需要获取select的选定的值，然后再进行一些编写控制操作。
JavaScript 事件处理 下拉列表和可选项 示例代码
最新发布
06-27
JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 ...
JS中获取下拉框中的值
m17130431的博客
08-22 7932
JS中获取下拉框中的值
利用js获取下拉框中所选的值
12-29
现在的需求是：下拉框中要是选择加盟商让其继续选择学校，要是选择平台管理员则不需要选择学校。隐藏选择下拉列表。 选择枚举值： /// <summary> /// 平台角色 /// </summary> public enum AdministratorRole { [Display(Name = 平台管理员)] PlatformAdministrator = 1, [Display(Name = 加盟商)] JoiningTrader = 10 } 代码： <div class=form-group> @Html.LabelFor(x => x.Administrat
使用 JavaScript 在下拉列表中获取选定值
kalman2019的博客
01-11 2587
如何使用 JavaScript 从下拉列表中获取选定的值？我尝试了以下方法，但它们都返回选定的索引而不是值：var e = document.getElementById("ddlViewBy"); function show(){ var as = document.forms[0].ddlViewBy.value; var strUser = e.options[e.selectedIndex].value; console.log(as, strUser); } e.onchange=显示
JS获取下拉列表选中项的值和文本
PKWind的专栏
10-17 3666
1、js取值 //获取下拉列表选中项的值 function getSelectedValue(name){ var obj=document.getElementById(name); return obj.value; //如此简单，直接用其对象的value属性便可获取到 } 2、获取文本值 1 2 3 var ById = document.getEleme
js获取下拉列表(select)选中项的值和文本
Ritsu的小黑屋
07-10 9073
//获取下拉列表选中项的文本 function getSelectedText(name){ var obj=document.getElementById(name); for(i=0;i<obj.length;i++){ if(obj[i].selected==true){ return obj[i].innerText; //关键是通过option对象的innerTe
javascript 取得下拉列表的值
12-06 889
代码1：获取文本的值 <select name="select" id="select" onchange="show('id', this.options[this.options.selectedIndex].innerHTML);" > Code1 Code2 Code3 JavaScript 代码如下： function show(id, v
js获取下拉列表的值
qdgengwenfei的专栏
07-28 1422
要求：这是一个查询，下拉列表前有个文本框，下拉列表是查询的类型，文本框中输入的是类型的值，比如说，选中下拉列表的按IP，则文本框中输入的就是你要查询那个ip的信息（127.0.0.1），当选择按时间查询的时候，文本框中要是以日历的形式。 导入my97的js  src="../../js/My97DatePicker/WdatePicker.js"> 方法  function sel
JS取得下拉列表与按钮中的值
JAVAZHICHIZHE的专栏
05-27 2081
JS获取select下拉列表框选中的值
LeeJay5的专栏
01-09 1070
//讀取select的ID 如:aaa var testobj = document.getElementById("test"); var index = testobj.selectedIndex; // 选中索引 var value = testobj.options[index].value; //取到aaa這個值
通过实例了解如何使用js获取下拉列表框内的值
Sclifftop - 保安大队长
05-23 2153
"this.options[selectedIndex].value"方法的中括号内"selectedIndex"表示先获取索引，然后由索引获取option选项，再由".value"获取到value值，还有一个方法是"this.options[selectedIndex].text"是用来获取内容
javaScript获取列表中字典的value值
06-10
如果你有一个 JavaScript 列表（也被称为数组），其中的每个元素都是一个字典对象，并且想要获取每个字典对象中特定键的值，你可以使用以下代码： ```javascript let list = [{a: 1, b: 2}, {a: 3, b: 4}, {a: 5, b...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值