获取dom对象中select的显示文本值和value值

最新推荐文章于 2021-12-22 14:10:22 发布
最新推荐文章于 2021-12-22 14:10:22 发布
阅读量3.8k 收藏
点赞数
分类专栏： == 文章标签： text value
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lvjianyu2007/article/details/36189797
版权 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>


<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>


<script type="text/javascript">
	$(document).ready(function(){
		$("select[name='expType']").change(function(){
					var selectedIndex = this.selectedIndex;
					var selectedOption = this[selectedIndex];
					$("input[name='typedefine.expType']").val(selectedOption.value);
					console.info(selectedOption.text);
		});
	})
</script>
</head>


<body>
	<select name="expType" style="width:180px" >
        <option value="">请选择：</option>
        <option selected="selected" value="0">html</option>
        <option value="2">pdf</option>
    </select>
	<input type="hidden" name="typedefine.expType" value="">
</body>
</html>


一梦一醒一度年
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript第九章 DOM编程之获取文本框的value
Lv Zejiang
08-27 641
JavaScript自我学习路线DOM编程之获取文本框的value DOM编程之获取文本框的value 获取文本框的value <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function() { var
JavaScript取DOM中下拉框的选中值
08-23 110
var name = document.getElementById("name").options[document.getElementById("name").selectedIndex].text; var id = document.getElementById("id").options[document.getElementById("id").selectedInd...
获取select下拉框选中的值
HeliosJ的博客
11-08 1190
编程语言：      Java     PHP   Android   JQuery方法获取： var language= $( '#test option:selected').val(); console.info(language);//例如选中Java，将输出：1 var languageText= $( '#test option:select
js获取select选中的值(附带jq)
weixin_43623808的博客
10-16 731
js获取select选中得值 结构： <div class="box"> </div> <select id="select"> <option value="1">12</option> <option value="2">13</option> <option value...
如何从点击的DOM元素获取css selector
blackcat88的博客
03-18 3064
大家平时很熟悉通过css selector获取dom对象，如果反过来，如何获取元素对象的selector呢？ 第一步，先看看谷歌浏览器的Command Line API： 通过debug工具，可以coyp的值： Command Line API 包含一个用于执行以下常见任务的便捷函数集合：选择和检查 DOM 元素，以可读格式显示数据，停止和启动分析器，以及监控 DOM 事件。 注意...
JavaScript获取select中text值的方法
10-20
在这个示例中，`chk`函数首先获取了`<select>`元素，然后通过`selectedIndex`和`options`属性获取选中项的文本。接下来，它弹出一个确认对话框，显示用户选择的文本。如果用户点击“确定”，则执行相应的操作；如果...
jQuery操作DOM之获取表单控件的值
10-24
在jQuery中，操作DOM（文档对象模型）是常见的任务，特别是在处理用户交互和表单数据时。本篇文章将深入探讨如何使用jQuery获取表单控件的值，这在Web开发中是非常关键的一部分。 首先，了解HTML属性与DOM属性之间...
javascript获取select值的方法完整实例
10-16
在JavaScript中，获取`<select>`元素的值是常见的需求，尤其在处理用户输入和交互时。本实例详细讲解了如何使用原生JavaScript和jQuery来获取`<select>`元素选中的值，以及如何结合其他元素进行操作。 首先，我们...
js里怎么取select标签里的值并修改
10-27
选项数组中的每个元素都有`.value`和`.text`属性，分别代表选项的值和显示的文本。以下是如何获取选中项的值： ```javascript var selectElement = document.getElementById('company_id'); var selectedValue = ...
jQuery实现select下拉框获取当前选中文本、值、索引
10-19
在本文中，我们将深入探讨如何使用jQuery来处理HTML中的`<select>`元素，特别是获取选中的选项的文本、值和索引，以及如何添加和删除`<select>`的`<option>`项。 首先，当我们需要获取`<select>`下拉框当前选中的...
document.all用法+js获取select标签中所选的值
huageby的专栏
07-19 1747
找到清晰的好文章不容易啊 http://www.cnblogs.com/uedt/articles/1691443.html 一.  document.all是页面内所有元素的一个集合。例如：        document.all(0)表示页面内第一个元素 二. document.all可以判断浏览器是否是IE     if(document.all){      
HTML DOM select() 方法
weixin_30699463的博客
07-08 134
定义和用法 select() 方法用于选择该元素中的文本。 语法 textareaObject.select() 实例 下面的例子可选择文本框中的文本： <html> <head> <script type="text/javascript"> function selText() { document.getElem...
JavaScript DOM编程之获取下拉列表中的value
OVO_LQ_Start的博客
03-01 151
简单案例 <body> <script type="text/javascript"> window.onload = function(){ document.getElementById("pcode").onchange = function(){ alert(this.value); } } ...
antd Select onChange获取除了value其他的值
localhost
09-17 8117
在日常工作中,有时候需要获取下拉选择框除了value其他的值,在antd 官网中 可以使用api labelInValue;每个选项的 label 包装到 value 中,会把 Select 的 value 类型从string变为 { value: string, label: ReactNode } 的格式 但是实际开发过程中这种远远不能满足需要: import { Select } from 'antd'; const { Option } = Select; const opts = ...
react获取常规的select和antd的Select的选中值2种方式
weixin_38330185的博客
12-22 8079
antd版本：4.16.13 react版本：17.0.2 import React, { Component } from 'react' import { Select } from 'antd'; const {Option} = Select export default class Test extends Component { //用onChange方法先保存select值 handleSelect=(value) => { //conso
获取select标签对应的的value值和text值
framic的博客
09-17 1706
function change(ob){ document.getElementById("selectValue").value=ob.value; document.getElementById("selectText").value=ob.options[ob.selectedIndex].text; } 获取select的value和text 请点击sel
怎样用js获取select标签 value值
zhangguoliang12309的博客
12-13 4715
怎样用js获取select标签 value值
原生js获取select的option项的label和value值
wdhouyigege的博客
07-14 6569
通过原生js获取select的值
DOM操作Select下拉框
weixin_44540343的博客
07-18 1482
获取select选中的option值，修改选中的选项，添加选项option。 篮球 皮球 羽毛球
JS 获取下拉框选中的value值和文本值
最新发布
06-09
其中，`selectBox`为下拉框的DOM对象，`selectedValue`为选中的value值。 获取下拉框选中的文本值可以使用以下代码： ```javascript var selectBox = document.getElementById("selectBox"); var selectedText = ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值