Query获取Select选择的Text和Value:

最新推荐文章于 2023-11-29 08:47:53 发布
最新推荐文章于 2023-11-29 08:47:53 发布
阅读量1.1k 收藏
点赞数
分类专栏： js


语法解释：

 

1. 

$("#select_id").change(function(){//code...});   //

为

Select

添加事件，

当选择其

中一项时触发

 

2. var checkText=$("#select_id").find("option:selected").text();  //

获取

Select

选择的

Text 

3. var checkValue=$("#select_id").val();  //

获取

Select

选择的

Value 

4. 

var 

checkIndex=$("#select_id 

").get(0).selectedIndex;  //

获取

Select

选择的索引

值

 

5. 

var 

maxIndex=$("#select_id 

option:last").attr("index");  //

获取

Select

最大的索

引值

  

jQuery

设置

Select

选择的

 Text

和

Value: 

语法解释：

 

1. $("#select_id ").get(0).selectedIndex=1;  //

设置

Select

索引值为

1

的项选中

 

2. $("#select_id ").val(4);   // 

设置

Select

的

Value

值为

4

的项选中

 

3. $("#select_id option[text='jQuery']").attr("selected", true);   //

设置

Select

的

Text

值为

jQuery

的项选中

 

jQuery

添加

/

删除

Select

的

Option

项：

 

语法解释：

 

1. $("#select_id").append("<option value='Value'>Text</option>");  //

为

Select

追

加一个

Option(

下拉项

) 

2. 

$("#select_id").prepend("<option 

value='0'>

请选择

</option>");  //

为

Select

插入

一个

Option(

第一个位置

) 

3. 

$("#select_id 

option:last").remove();  //

删除

Select

中索引值最大

Option(

最后一

个

) 

4. $("#select_id option[index='0']").remove();  //

删除

Select

中索引值为

0

的

Option(

第一个

) 

5. 

$("#select_id 

option[value='3']").remove();  //

删除

Select

中

Value='3'

的

Option 

5. $("#select_id option[text='4']").remove();  //

删除

Select

中

Text='4'

的

Option 

  

 http://www.k686.com 

jquery radio

取值，

checkbox

取值，

select

取值，

radio

选中，

checkbox

选中，

select

选

中，及其相关

  

获

 

取一组

radio

被选中项的值

  

var item = $('input[@name=items][@checked]').val();  

获

 

取

select

被选中项的文本

  

var item = $("select[@name=items] option[@selected]").text();  

select

下拉框的第二个元素为当前选中值

  

$('#select_id')[0].selectedIndex = 1;  

radio

单选组的第二个元素为当前选中值

  

$('input[@name=items]').get(1).checked = true;  

 

获取值：

  

 

文本框，文本区域：

$("#txt").attr("value")

；

  

多选框

 checkbox

：

$("#checkbox_id").attr("value")

；

  

单选组

radio

：

   $("input[@type=radio][@checked]").val();  

下拉框

select

：

 $('#sel').val();  

 

控制表单元素：

  

文本框，文本区域：

$("#txt").attr("value",'');//

清空内容

  

$("#txt").attr("value",'11');//

填充内容

  

 

多选框

checkbox

：

 $("#chk1").attr("checked",'');//

不打勾

  

$("#chk2").attr("checked",true);//

打勾

  

if($("#chk1").attr('checked')==undefined) //

判断是否已经打勾

  

 

单选组

 radio

：

    $("input[@type=radio]").attr("checked",'2');//

设置

value=2

的项

目为当前选中项

  

下拉框

 select

：

   $("#sel").attr("value",'-sel3');//

设置

value=-sel3

的项目为当前

选中项

  

$("<option 

value='1'>1111</option><option 

value='2'>2222</option>").appendTo("#sel")//

添加下拉框的

option  

$("#sel").empty()

；

//

清空下拉框

 

--------------------------------------------------------------------------------

-------------------- 

  

//

遍历

option

和添加、移除

option 

function changeShipMethod(shipping){ 

var len = $("select[@name=ISHIPTYPE] option").length 

if(shipping.value != "CA"){ 

$("select[@name=ISHIPTYPE] option").each(function(){ 

if($(this).val() == 111){ 

$(this).remove(); 

} 

}); 

}else{ 

$("<option 

value='111'>UPS 

Ground</option>").appendTo($("select[@name=ISHIPTYPE]")); 

} 

} 

 

//

取得下拉選單的選取值

 

$(#testSelect option:selected').text(); 

或

$("#testSelect").find('option:selected').text(); 

或

$("#testSelect").val(); 

// 

记

 

性不好的可以收藏下：

 

1,

下拉框

: 

var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //

得到下

拉菜单的选中项的文本

(

注意中间有空格

) 

var cc2 = $('.formc select[@name="country"]').val(); //

得到下拉菜单的选中项的值

 

var cc3 = $('.formc select[@name="country"]').attr("id"); //

得到下拉菜单的选中项

的

ID

属性值

 

$("#select").empty();//

清空下拉框

 //$("#select").html(''); 

$("<option value='1'>1111</option>").appendTo("#select")//

添加下拉框的

option 

稍微解释一下

: 

1.select[@name='country'] option[@selected] 

表示具有

name 

属性，

 

并

 

且该属性值为

'country' 

的

select

元素

 

里面的具有

selected 

属性的

option 

元素；

 

可以看出有

@

开头的就表示后面跟

 

的是属性。

 

2,

单选框

: 

$("input[@type=radio][@checked]").val(); //

得到单选框的

 

选中项的值

(

注意中间没有

空格

) 

$("input[@type=radio][@value=2]").attr("checked",'checked'); 

//

设置单选框

value=2

的为选中状态

.(

注意中间没有空格

) 

3,

复选框

: 

$("input[@type=checkbox][@checked]").val(); //

得到复选框的选中的第一项的值

 

$("input[@type=checkbox][@checked]").each(function() 

{ 

//

由于复选框一般选中的是多

个

,

所以可以循环输出

 

alert($(this).val()); 

}); 

$("#chk1").attr("checked",'');//

不打勾

 

$("#chk2").attr("checked",true);// 

打勾

 

if($("#chk1").attr('checked')==undefined){} //

判断是否已经打勾

 

 

当然

jquery

的选择器是强大的

. 

还有很多方法

. 

<script src="jquery-1.2.1.js" type="text/javascript"></script> 

<script language="javascript" type="text/javascript"> 

$(document).ready(function(){ 

$("#selectTest").change(function() 

{ 

//alert("Hello"); 

//alert($("#selectTest").attr("name")); 

//$("a").attr("href","xx.html"); 

//window.location.href="xx.html"; 

//alert($("#selectTest").val()); 

alert($("#selectTest option[@selected]").text()); 

$("#selectTest").attr("value", "2"); 

}); 

}); 

</script> 

 

<a href="#">aaass</a> 

<!--

下拉框

--> 

<select id="selectTest" name="selectTest"> 

<option value="1">11</option> 

<option value="2">22</option> 

<option value="3">33</option> 

<option value="4">44</option> 

<option value="5">55</option> 

<option value="6">66</option> 

</select> 

jquery radio

取值，

checkbox

取值，

select

取值，

radio

选中，

checkbox

选中，

select

选

中，及其相关获取一组

radio

被选中

 

项的值

 

var item = $('input[@name=items][@checked]').val(); 

获取

select

被选

 

中项的文本

 

var item = $("select[@name=items] option[@selected]").text(); 

select 

下拉框的第二个元素为当前选中值

 

$('#select_id')[0].selectedIndex = 1; 

radio

单选组的第二个

 

元素为当前选中值

 

$('input[@name=items]').get(1).checked = true; 

获取值：

 

文本

 

框，文本区域：

$("#txt").attr("value")

；

 

多选框

 checkbox

：

$("#checkbox_id").attr("value")

；

 

单选组

radio

：

 $("input[@type=radio][@checked]").val(); 

下拉框

select

：

 $('#sel').val(); 

控

 

制表单元素：

 

文本框，文本区域：

$("#txt").attr("value",'');//

清空内容

 

$("#txt").attr("value",'11');// 

填充内容

 

多选框

checkbox

：

 $("#chk1").attr("checked",'');//

不打勾

 

$("#chk2").attr("checked",true);// 

打勾

 

if($("#chk1").attr('checked')==undefined) //

判断是否已经打勾

 

单选组

radio

：

 $("input[@type=radio]").attr("checked",'2');//

设置

value=2

的项目为

当前选中项

 

下拉框

 select

：

 $("#sel").attr("value",'-sel3');//

设置

value=-sel3

的项目为当前选

中项

 

$("<optionvalue='1'& 

gt;1111</option><optionvalue='2'>2222</option& 

gt;").appendTo("#sel")//

添加下拉框的

option 

$("#sel").empty()

；

// 

清空下拉框

 

获取一组

radio

被选中项的值

 

var item = $('input[@name=items][@checked]').val(); 

获取

select

被选中项的文本

 

var item = $("select[@name=items] option[@selected]").text(); 

select

下拉框的第二个元素为当

 

前选中值

 

$('#select_id')[0].selectedIndex = 1; 

radio

单选组的第二个元素为当前选中值

 

$('input[@name=items]').get(1).checked = true; 

获取值：

 

文本框，文本区域：

$("#txt").attr("value")

；

 

多选框

 checkbox

：

$("#checkbox_id").attr("value")

；

 

单选组

radio

：

 $("input[@type=radio][@checked]").val(); 

下拉框

select

：

 $('#sel').val(); 

控

 

制表单元素：

 

文本框，文本区域：

$("#txt").attr("value",'');//

清空内容

 

$("#txt").attr("value",'11');// 

填充内容

 

多选框

checkbox

：

 $("#chk1").attr("checked",'');//

不打勾

 

$("#chk2").attr("checked",true);// 

打勾

 

if($("#chk1").attr('checked')==undefined) //

判断是否已经打勾

 

单选组

radio

：

 $("input[@type=radio]").attr("checked",'2');//

设置

value=2

的项目为

当前选中项

 

下拉框

 select

：

 $("#sel").attr("value",'-sel3');//

设置

value=-sel3

的项目为当前选

中项

 

$("<option 

value='1'>1111</option><option 

value='2'>2222</option>").appendTo("#sel")//

添加下拉框的

option 

$("#sel").empty()

；

// 

清空下拉框

 

  

转

载

太

多

次

,

原

作

者

已

不

可

考

,

感

谢

原

作

者

的

贡

献

,

以

及

k686

绿

色

软

件

(http://www.k686.com/)

的供稿

 

MRwanghongguang
关注
专栏目录
Text2SQL基座模型选择的实战教程（持续更新）
herosunly的博客
06-21 8万+
本文主要介绍了Text2SQL基座模型选择的实战教程（持续更新），希望对学习大语言模型的同学们有所帮助。 文章目录 1. 前言 2. Text2SQL基座模型的发展史 3. 模型选择实战 3.1 prompt模板 3.2 下载模型与部署API 3.3 实战代码 4. 补充说明
iview select选中值取值_iView的Select选择框
weixin_39922147的博客
12-20 3043
目录在此先列出解决了那些问题，以防读者看完了没有用处：1、示例，最基础的使用方法2、传参，传多个值的方式3、默认值4、清空重置无效5、可搜索的用法及如何限制搜索字符长度一、示例html:{{item.name}}js:data: {formSend: {name: '',code: ''},dataList: [{id: 1,name: '中国',code: 'china'}]},methods:...
jQuery实现select下拉框获取当前选中文本、值、索引
10-19
本篇文章主要介绍了jQuery实现select下拉框获取当前选中文本、值、索引以及添加/删除Select的Option项的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧
Query获取Select元素，并选择的Text和Value: 转
小楼听风雨
11-07 217
Query获取Select元素，并选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text ...
query获取select选择的文本与值
weixin_30911451的博客
06-14 312
query获取select选择的文本与值获取select ：获取select 选中的 text :$("#ddlregtype").find("option:selected").text();获取select选中的 value:$("#ddlregtype ").val(); 转载于:https://www.cnblogs.com/my2018/p/9181914.html...
js 用 querySelectorAll 提取文本格再式化输出
灵台方寸山斜月三星洞
10-18 1327
HTML结构如下 <div id="show"> <div>抑制</div><div>灵区</div><div>耗减</div><div>风格</div><div>根地</div><div>浅饮</div><div>跪膜</...
Query获取Select
段传涛 的专栏
05-20 2726
jQuery获取Select选择的Text和Value: 语法解释： 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
js 操作select和option常用代码整理
12-11
当用户选择了一个`<option>`后，可以通过`$(“#mySelect”).val()`获取选中项的`value`值，通过`$(“#mySelect option:selected”).text()`获取选中项的文本内容。这里使用了jQuery库，它是JavaScript的一个扩展，...
html query动态为select加入选项,HTML标签 select 里 动态添加option
weixin_29696999的博客
06-07 1497
HTML标签 select 里 动态添加option:☆ var today = new Date();var yearNow = today.getFullYear();var optiongYears_className = [yearNow, yearNow+1];var $selyear = $("select#classNameYear_add");$.each(optiongYe...
js querySelectAll和querySelect函数学习
黄彪博客
01-16 927
文章目录问题描述解决办法案例学习 问题描述 工作中一个项目是用Vue编写的（编写逻辑比较简单），现在将代码发布到其他项目中 使用iframe 去获取其他项目中的数据（已经是同源了），但是发现使用查找dom节点非常困难 第一反应是引用jquery，增大了代码量，实际上只是为了节点的查找方便 解决办法 使用如下 API 方便查找节点 Element.querySelectorAll() Docu...
js中的document.querySelector()方法
最新发布
withkai44的博客
11-29 1万+
ParentNode.querySelectorAll()的结果是NodeList数组，但是又不是一般的js数组（Array），所以也不能直接调用Array的方法。当页面中出现多个相同class标签(或者多个相同标签(比如多个div))时，如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。位于元素之前，元素将会被设置指定的背景颜色，总结，多元素选择时，哪个先匹配就是谁咯，只有一个被选中。querySelector() 方法仅仅返回匹配指定选择器的第一个元素。
原生javascript找寻元素的方法（querySelect篇）
chunzhuang9775的博客
05-27 904
querySelector和querySelectorAll document对象的方法 说明 querySelector(class) 返回与给定css选择器匹配的第一个元素的引用（节点） ...
JavaScript入门
web18296061989的博客
05-19 1742
文章目录 初识JS JS的引入 JS输入输出语句 变量的命名规范 运算符的优先级 断点调试 arguments的使用 JS预解析 对象 Web APIs 获取元素 事件 排它思想 例：百度换肤 getAttribute和setAttribute tab栏切换 自定义属性 节点操作 例：下拉菜单 评论留言案例 动态生成表格案例 方法监听注册事件 事件的删除 DOM事件流 事件对象 事件委托 其他常用的鼠标事件 跟随鼠标移动的图片 常见的键盘事件 模拟京东快递单号查询 BOM基本概念 窗口加载事件 调整窗
JavaScript选择器函数querySelector和querySelectorAll
小天空的博客
07-13 5万+
选择器是非常强大的功能，早先一般是通过和来获取页面元素，在一些场景下就很不方便。后来DOM扩展出了标准，其中包含了和两个方法，可以通过Css选择器匹配页面元素。用于查询页面中第一个符合规则的元素，可以在实例和实例上调用，接收一个选择器字符串参数，如果查找到则返回 对象，否则返回。语法格式如下：123实例调用是获取整个页面匹配的元素。简单示例如下：12345678910111213141516171819202122232425实例调用是获取该元素子树内匹配的元素。简单示例：12345678910111213
JavaScript（二）
nabirt的博客
12-12 2554
WebAPIs — 关于DOM的学习笔记
JavaScript の querySelector 使用说明
weixin_45566993的博客
04-22 9886
🚀 优质资源分享 🚀 学习路线指引（点击解锁） 知识定位 人群定位 🧡 Python实战微信订餐小程序 🧡 进阶级 本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。 💛Python量化交易实战💛 入门级 手把手带你打造一个易扩展、更安全、效率更高的量化交易系统 本文记录，JavaScript 中 querySelector 的使用方法。小白贡献，语失莫怪。 // 两种 query 的 method (方法) documen
document.querySelector()方法
热门推荐
huangbaokang的博客
03-22 15万+
HTML 的DOM querySelector()方法可以不需要额外的jQuery等支持，也可以方便的获取DOM元素，语法跟jQuery类似。 获取文档中id=”container”的元素 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;ti
js querySelector() 说明
sleep_i_like的博客
03-28 4363
js querySelector（）简单用法说明
#include "widget.h" #include "ui_widget.h" #include <QSqlQuery> //操作数据库 #include <QDebug> //输出错误信息 #include <QSqlError> // #include <QMessageBox> //#include <TestWidget3.h> //跳转窗口头文件 #include <QCheckBox> Widget::Widget(QWidget *parent) : QWidget(parent) , ui(new Ui::Widget) { ui->setupUi(this); } Widget::~Widget() { delete ui; } void Widget::on_regButton_clicked() { //密码 //插入数据 QSqlQuery query; query.prepare("INSERT INTO userinfo(account,password) VALUES (':value1', ':value2')"); query.bindValue(":value1",ui->accountEdit->text() ); query.bindValue(":value2",ui->passwordedit->text()); if(query.exec()){ //如果插入数据成功 QMessageBox::information(this,"注册","注册成功"); }else{ QMessageBox::information(this,"注册","注册失败"); } } void Widget::on_loginButton_clicked() { //接收用户输入 QSqlQuery query; //操作数据库 query.prepare("select * from user where account = ':value1' and password= ':value2'"); query.bindValue(":value1", ui->accountEdit->text()); query.bindValue(":value2", ui->passwordedit->text()); if(!query.exec()){ //如果没有查到记录 QMessageBox::information(this,"登录","登录失败"); } //获取查询的数据： if(query.next()){ //获取到数据 QMessageBox::information(this,"登录","登录成功"); }else{ QMessageBox::information(this,"登录","登录失败"); } } 这段代码用于实现用户注册与登录功能，但运行时总是注册失败，登录失败，请帮我修改这段代码，修复bug
07-15
在你提供的代码中，有几个问题需要修复： 1. 在插入数据时，你在SQL查询中使用了单引号将bindValue的值括起来，这会导致查询失败。正确的写法是不使用单引号，如下所示： ```cpp query.prepare("INSERT INTO userinfo(account,password) VALUES (:value1, :value2)"); ``` 2. 在登录查询时，你也在SQL查询中使用了单引号将bindValue的值括起来，这会导致查询失败。正确的写法是不使用单引号如下所示： ```cpp query.prepare("select * from user where account = :value1 and password = :value2"); ``` 修复后的代码如下： ```cpp #include "widget.h" #include "ui_widget.h" #include <QSqlQuery> //操作数据库 #include <QDebug> //输出错误信息 #include <QSqlError> // #include <QMessageBox> //#include <TestWidget3.h> //跳转窗口头文件 #include <QCheckBox> Widget::Widget(QWidget *parent) : QWidget(parent) , ui(new Ui::Widget) { ui->setupUi(this); } Widget::~Widget() { delete ui; } void Widget::on_regButton_clicked() { //密码 //插入数据 QSqlQuery query; query.prepare("INSERT INTO userinfo(account,password) VALUES (:value1, :value2)"); query.bindValue(":value1",ui->accountEdit->text() ); query.bindValue(":value2",ui->passwordedit->text()); if(query.exec()){ //如果插入数据成功 QMessageBox::information(this,"注册","注册成功"); }else{ QMessageBox::information(this,"注册","注册失败"); } } void Widget::on_loginButton_clicked() { //接收用户输入 QSqlQuery query; //操作数据库 query.prepare("select * from user where account = :value1 and password = :value2"); query.bindValue(":value1", ui->accountEdit->text()); query.bindValue(":value2", ui->passwordedit->text()); if(!query.exec()){ //如果没有查到记录 QMessageBox::information(this,"登录","登录失败"); } //获取查询的数据： if(query.next()){ //获取到数据 QMessageBox::information(this,"登录","登录成功"); }else{ QMessageBox::information(this,"登录","登录失败"); } } ``` 请注意，这只是修复了你提供的代码中可能导致注册失败和登录失败的问题。如果还有其他问题，请提供更多细节或错误信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值