jquery 和原生js 获取<select><option></option></select>标签的值和文本

最新推荐文章于 2022-07-23 15:40:03 发布

转载最新推荐文章于 2022-07-23 15:40:03 发布 · 328 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hereim/p/5334102.html

文章标签：

#javascript #ViewUI

本文对比了jQuery和原生JS方法如何获取下拉菜单中被选中的选项值和文本，提供了两种不同技术路径的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery方法：

$('#divid').val();
$('#divid').find('option:selected').text();

原生js方法：

var obj = document.getElementById("delDeskOld");
var value = obj.options[obj.selectedIndex].value;
var text = obj.options[obj.selectedIndex].text;

转载于:https://www.cnblogs.com/hereim/p/5334102.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33884611

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

原生js 获取 html,通过javascript获取没有HTML元素的纯文本？

weixin_29488835的博客

05-30

531

因为这仍然是一个公认的答案，尽管是一个非常hacky的解决方案，我将Gabi的代码融入其中，留下我自己作为一个坏榜样。.A{background:blue;}.B{font-style:italic;}.C{font-weight:bold;}//myhackyapproach:functionget_content(){varhtml=document.getElem...

js 操作select和option常用代码整理

12-11

1、获取选中select的value和text,html代码如下：代码如下: <select id=”mySelect”> <option value=”1″>one</option> <option value=”2″>two</option> <option value=”3″>three</option> </select> 则可通过以下script代码s来获取选中的value和text 代码如下: $(“#mySelect”).val(); //获取选中记录的value值 $(“#mySelect option:selected”).text(); //获取选中记录的text值

参与评论您还未登录，请先登录后发表或查看评论

下拉菜单11+原生js获取select下拉框的selected的option项

我的博客

08-13

4706

对于以下select标签，获取当前选择的值得方式如下： <select id="test" name=""> <option value="1">text1</option> <option value="2">text2</option> </select> code: 一：javascript原生的方法 1:拿到select对象： var myselect=document.getElementById("test"); 2：拿.

原生js获取form表单select中option的value和text文本值

weixin_44716861的博客

07-23

1818

代码：原生js获取form表单select中option的value和text文本值。

原生js及jquery获取标签的几种方式——为什么id不能重复

qq_43285335的博客

09-28

6081

1. 原生js获取标签 DOM（document object model）文本对象模型我们在用原生js获取标签都离不开DOM 用原生js获取标签的几种常用方法 1. 获取标签id document.getElementById(‘id’) 参数是id的字符，返回值是这个元素的对象 var div = document.getElementById('first') ...

js <select>修改时修改另一个<select>里<option>的显示隐藏

最新发布

06-27

具体代码实现（使用jQuery）：HTML结构：<selectid="firstSelect"><optionvalue="">请选择</option><optionvalue="1">类别1</option><optionvalue="2">类别2</option></select><selectid="secondSelect"><option...

<select> <option value="volvo">Volvo</option> <option value="saab">Saab</option></select>如何获取选项的value值

02-16

在JavaScript中，可以通过多种方式来获取`<select>`标签内被用户选中的`<option>`元素的`value`值。以下是两种常用的方法： #### 使用原生JavaScript方法当操作DOM时，可以利用浏览器内置的对象模型直接访问页面...

jquery及原生js获取select下拉框选中的值示例

10-26

需要注意的是，无论是使用JavaScript原生方法还是使用jQuery方法，都必须确保在DOM完全加载后执行这些操作，通常会将相关代码放在`window.onload`事件处理器中或者将代码写在`<script>`标签内，且放在HTML文档的底部...

原生js获取div的内容

想去旅行的静静的博客

05-17

4195

两种方式 <div id="test">hello, word!</div> <script type="text/javascript"> var html = document.getElementById('test').innerHTML var text = document.getElementById('test').innerText console.log('html', html) console.log('text', text) </

【js】如何使用 js 获取标签中的内容

firstbird的博客

08-16

1万+

1、< input >标签的： document.getElementById("id").value ; 2、其他文本标签的： document.getElementById("miao").innerHTML; 修改的也同上，在后面加上"="就可以了转载：https://www.cnblogs.com/laijinquan/p/6718944.html

JS_Select获取option对象值的几种方式

wjm0519的博客

01-25

9493

1.html <div class="vip_tit"> 年度 <select id="year_id"></select> 月度 <select id="month_id"> <option selected="selected" value="1">1月</option> <option value="2">2月</option> .

通过js获取td标签的text、html、innerhtml三者的区别

Ideality_hunter的专栏

04-19

1万+

注意innerhtml是原生的js的用法。 text、html是jQuery的用法，原生的js语法是没有text、html这种用法的。原生的innerhtml = jQuery的html() html()获取的是id=？的标签如www.baidu.com中的html代码，即www.baidu.com。 text()获取的是id=？的标签如www.baidu.c

jQuery获取各种标签的文本和value值

qq_24192465的博客

08-16

1万+

1、select <select id="test"> <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <option value="opel">O

用原生js获取json文件内容

qq_14853875的博客

11-28

8943

如何取得原生JS textarea标签的值

JohnWakeman20的博客

02-02

1995

textarea是双标签，无法添加value属性如 <textarea name=" " id="text_area" value=" "> </textarea> 是错误的赋值方法 document.getElementById("text_area").value；可以取得它的值 ...

关于js和jq获取文本内容和文本框内容的值

繁华是瑾的博客

05-23

2万+

jq： $('.class').text() 获取文本的内容； $('.class').text('想要在文本框内放置的内容'); 在标签内放置内容 js： documentgetElementById('id').innerHTML 获取文本的内容； documentgetElementById('id').value 获取文本框的内容;

js与原生获取标签里面的内容区别和checkbox name不一样至少选择一项

ying890的专栏

10-04

1084

原生：var innerHTMl=divObj.innerHTML（注意这里是ie） js:

JavaScript获取标签的六种方法

jquery 和 原生js 获取<select><option></option></select>标签的值和文本

jquery 和原生js 获取<select><option></option></select>标签的值和文本