JavaScript 获取下拉框中的值

最新推荐文章于 2021-06-03 04:57:52 发布
最新推荐文章于 2021-06-03 04:57:52 发布
阅读量1k 收藏
点赞数
分类专栏： PHP 编程 文章标签： javascript xhtml button html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/peng905/article/details/6698572
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> JS 获取下拉框中的值 </title>
<SCRIPT LANGUAGE="JavaScript">
function add() {
var obj = document.getElementByIdx_x("view");

var index = obj.selectedIndex;
var value = obj.options[index].text;

document.getElementByIdx_x("here").value = value;
}
</SCRIPT>
</head>

<body>
<select id="view" name="position">
<option value="0" selected>请选择 </option>
<option value="1">工程部 </option>
<option value="2">预审部 </option>
<option value="3">销售部 </option>
</select>

<input type="button" value="添加" οnclick="add();" />
<input type="text" id="here" />
</body>
</html>


微醺-BW
关注
专栏目录
js获取下拉列表中选中的值和文本
08-10
这是javascript获取下拉菜单选中的值和文本的技术文档
JavaScript实现获取select下拉框中第一个值的方法
12-29
本文实例讲述了JavaScript实现获取select下拉框中第一个值的方法。分享给大家供大家参考，具体如下： 1、说明 获取select下拉框中的第一个值 2、实现源码 <!DOCTYPE ...
Javascript获取select下拉框选中的的值
yujielu2012的专栏
11-12 426
现在有一id=test的下拉框，怎么拿到选中的那个值呢？ 分别使用javascript原生的方法和jquery方法 text1 text2 code: 一：javascript原生的方法 1:拿到select对象： var myselect=document.getElementById("test"); 2：拿到选中项的索引：var index=myselect.se
获取select下拉框的值（总结）
Alone_in_的博客
07-04 1万+
获取select下拉框的值 最近学习用到就总结起来，以便日后复习啦~~ 案例： 1、新建web项目 2、下载jQuery 有两个版本的 jQuery 可供下载： Production version - 用于实际的网站中，已被精简和压缩。 Development version - 用于测试和开发（未压缩，是可读的代码） 以上两个版本都可以从jquery.com中下载。 jQu...
javascript原生获取多选下拉框选中的值
qq_35134066的博客
07-29 3507
下拉框一般都是单选的, 所以直接通过document.querySelector('select').value就可以知道选中的值了. 如果只是想判断是否有选中的话还可以通过document.querySelector('select').selectedIndex, 这个属性是一个数字,表明第一个被选中的值的索引, 所以如果返回为-1说明没有option被选中. 如果select添加了multiple属性, 那么可以通过Shift或Ctrl像操作文件一样操作select的选项来多选. 获取多选下拉框
原生js获取select下拉框选中的值
ljp188的专栏
04-06 1514
原生js方法： var myselect=document.getElementById("test"); var index=myselect.selectedIndex; var value=myselect.options[index].value; jquery方法： var options=$("#test option:selected"); options.va...
layui下拉框获取下拉值(select)的例子
10-16
本文将详细讲解如何在 Layui 中获取下拉框的选中值，并通过一个具体的例子来演示这一过程。 首先，我们需要理解 Layui 的 Select 组件是如何工作的。Layui 的 Select 是基于原生 HTML `<select>` 元素进行封装的，...
利用js获取下拉框中所选的值
10-21
在JavaScript编程中，获取下拉框（Dropdown List）中用户所选的值是一项常见的任务，尤其是在Web开发中。本文将详细介绍如何使用JavaScript实现这一功能，并提供一个具体的实例代码供参考。 首先，我们要理解HTML中...
select获取下拉框的值 下拉框默认选中方法
08-27
在实际开发中，我们经常需要获取select标签的值或将其默认选中某个选项本文将详细介绍select获取下拉框的值和默认选中方法。 一、获取select标签的值 在实际开发中，我们经常需要获取select标签的值，例如，我们...
获取下拉框的value值
幸福有多远
08-16 8470
前言： 获取值的方式有很多种，找的自己喜欢的那一种 新的方式获取下拉框的值 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&a
js 获取下拉框的值的几种方式
weixin_48584082的博客
01-07 4938
//例如：下拉框选的值 <select> <option value="0">请选择</option> <option value="1">西安</option> <option value="2">上海</option> <option value="3">武汉</option> </select> //第一种方式： var stk = document.getEleme
获取下拉框的文本值
weixin_44569835的博客
04-08 1万+
获取下拉框的文本值 这次分享的是获取下拉框的文本值，这里写了两种获取下拉框文本值的方法，一种是写实的，一种是用数据库数据绑定上去的，用数据库数据绑定的两个都可以用，不过为了不重复就使用另一种方法。 首先准备一个写实的下拉框和一个数据库数据绑定的下拉框，还有两个文本框，用来显示两个下拉框文本值的。HTML代码如下： <div> <p>写实</p> ...
html5获取选择框值,jquery怎么获取下拉框的值
weixin_33504324的博客
06-03 2122
如何通过JQUERY获得下拉框的显示值例如下面的下拉框，我如何知道选中的是男还是女(注意：不是1 2) 设计简单的一个下拉框代码，包括【男】【女】两个值。jquery怎么获取下拉框的值获取Select ： 获取select 选中的 text : $("#ddlRegType").find("option:selected").text();获取select选中的 value: $("#ddlReg...
【js】js获取select中的value值和文本值
热门推荐
wilson_m的博客
08-23 2万+
&amp;lt;select id=&quot;testSelect&quot;&amp;gt; &amp;lt;option value =&quot;zhangsan&quot;&amp;gt;张三&amp;lt;/option&amp;gt; &amp;lt;option value =&quot;lisi&quot;&amp;gt;李四&amp;lt;/option&amp
JavaScript获取多个下拉框的值示例
在我们的例子中，我们使用`getElementsByName`方法来获取所有名称为"name1"的下拉框，然后遍历数组，取得每个下拉框的值。 **代码解释** 在我们的例子中，我们首先使用`getElementsByName`方法来获取所有名称为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值