使用jquery的change事件操作<select>的事件处理

最新推荐文章于 2023-04-24 18:04:26 发布
原创 最新推荐文章于 2023-04-24 18:04:26 发布 · 654 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 

$(document).ready(function(){
		$("#infoSelect").change(function(){
				if($(this).find("option:selected").text() != "お選びください"){
				$("input[name='infoName'][type='text']").removeAttr("disabled");
				}
				if($(this).find("option:selected").text() == "お選びください"){
					$("input[name='infoName'][type='text']").attr("disabled",true);
				}
		})
	});


小小代码花了我4小时,遇到一些问题,主要集中在jquery的写法上

1,$("input[name='infoName'][type='text']")  //[name='infoName'][type='text']之间不能有空格

使用jQuery操作＜select＞标签的实现代码
CodeWhizZ的博客
09-23 256
然后，我们选择了所有的标签，并绑定了一个.change()事件处理程序。在上面的代码中，我们选择了所有的标签，并使用.append()方法向其添加一个新的元素，其中’value’属性为’option3’，显示文本为’Option 3’。在上面的例子中，我们选择了所有的标签，并使用.val()方法将选中的选项设置为’value’属性为’option2’的选项。在上面的例子中，我们选择了’value’属性为’option3’的元素，并使用.remove()方法将其从标签中删除。在上面的代码中，我们使用了。
使用jQuery实现输入关键字查询功能
2301_79326510的博客
09-29 568
通常情况下，服务器端会接收到包含关键字的请求，并根据关键字在数据库或其他数据源中进行查询，并返回查询结果。用户在输入框中输入关键字后，点击查询按钮，页面会发送一个AJAX请求到服务器进行查询，并将查询结果显示在页面上。在这篇文章中，我们将使用jQuery来实现输入关键字查询功能。接下来，在点击事件处理程序中，我们将获取输入框中的关键字，并发送一个AJAX请求到服务器进行查询。查询结果返回后，我们将把结果显示在页面上。首先，我们需要一个HTML页面，其中包含一个文本输入框和一个用于显示查询结果的区域。
jQuery 绑定3种表单事件 change(value值改变)，focus(获到焦点)，blur(失去焦点)
旭东怪的博客
09-01 6833
1change() 说明：元素的value值改变时，触发change事件。change事件只适用于文本框（text）、文本域（textarea）、下拉框（select）元素。 语法： $(selector).change(function1); 实例： 文本框、文本域、下拉框绑定change事件。 $(function(){ //文本框绑定change事件 $("input[type=text]").each(function(){ $(this).chang.
Jquery绑定change事件（兼容 IE、Firefox、Chrome）
weixin_33682790的博客
01-24 918
2019独角兽企业重金招聘Python工程师标准>>> ...
jquery学习 改变属性
zhoucong92的博客
08-08 321
注意细节  ：jquery导入正确  script src="../../../jquery-3.1.0.min.js">script> 注意红色的  本人做得效果一直没有显现，才发现是导入出了问题，目录比较多很容易出现错误 还以为是自己的代码写错了  - text()、html() 以及 val()
select2多选和change事件
金龙宝宝的博客
06-29 5340
$(".add_or_edit").find("select").trigger('change.select2');
jQuery动态添加change事件
热门推荐
yangzjchn的博客
07-10 1万+
$(&quot;#nodeNo&quot;).on(&quot;change&quot;, function(e) { var nodeNo = e.target.value; // 获取选中下拉框的值 // 业务代码 }); 当不能在html代码直接写onchange的时候，可以考虑使用jQuery的on方法动态添加change事件！...
Jquery实现的的动态无刷新的二级联动菜单
11-26
在二级联动菜单的场景中，jQuery可以帮助我们更高效地处理用户与<select>元素的交互，如改变第一级菜单时，无需整个页面刷新，仅更新第二级菜单的内容。 接下来，AJAX（Asynchronous JavaScript and XML）是构建...
jquery操作select详解(取值,设置选中)
12-03
在实际应用中，尤其是在处理级联`<select>`（即一个`<select>`的选择会影响另一个`<select>`的选项）时，我们需要监听`change`事件。以下是一个示例，当`.selector1`的选项改变时，更新`.selector2`的选项： ```...
利用jquery和ajax实现<!--页面刚加载就开始发送ajax请求获取省信息展示--> <select id="provice"> <option>请选择省</option> </select> <!--省发生onchange事件的时候获取对应的市信息展示--> <select id="city"> <option>请选择市</option> </select>
06-06
在这里，我们使用了 jQuery 的 `$.ajax()` 方法来发送异步请求，并在请求成功后更新页面的省份和城市下拉框。在省份下拉框的 `change` 事件中，我们根据选中的省份ID，发送请求获取对应的城市信息，并更新城市下拉框...
jQuery中change事件用法实例
10-25
需要注意的是，jQuery的change事件主要适用于那些有值且值可能发生变化的表单控件，如<input>、<select>、<textarea>等。对于单击、双击等其他类型的事件，可能需要使用不同的jQuery事件处理器，比如click()、...
JQuery事件之change事件
妈的小可爱
05-19 818
change demo 米饭 馒头 煎饼 $(".field").change(function () { $(this).css("background","#eeeeff"); }) 下面的j
jQ实现关键字查询
Alicesa的博客
08-30 2984
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> </style&
jQuery绑定监听事件记录
weixin_63610637的博客
04-24 1825
jQuery绑定监听事件记录
jQuery.change() 函数详解
时清云的博客
03-26 1万+
实践出真知，理论只有在实践中得到验证才有用，所以一定要要多去做 change()函数用于为每个匹配元素的change事件绑定处理函数。该函数也可用于触发change事件。此外，你还可以额外传递给事件处理函数一些数据。 change事件会在文本内容或选项被更改时触发。该事件仅适用于和以及。对于text和textarea元素，该事件会在元素失去焦点时发生(文本内容也发生了更改)。
用jQuery写关键字检索数据的案例(思路逻辑详解）
weixin_43536485的博客
05-13 2880
<style> .box{ width: 300px; height: 200px;； margin: 0 auto; border: 1px solid #ccc; } </style> <script src="../jQuery/jquery-1.12.4.min.js"> </script> </head&...
jquery搜索框效果，搜索，请输入关键字
hexytxl的专栏
08-29 6577
搜索框效果 .waiting{ color:Gray;} $(function () { $("#kw").val("请输入关键词").addClass("waiting
【jQuery 事件】事件 change() 方法
徐刘根的博客
03-26 5772
实例 当输入域发生变化时改变其颜色： $(".field").change(function(){ $(this).css("background-color","#FFFFCC"); }); $(document).ready(function(){ $(".field").change(function(){ $(this).css("background-c
Jquery中使用某个关键字进行查询时，table里面相关文字颜色变化
wo13145219的专栏
03-05 819
[code="html"] Table word Color Change $(document).ready(function() { var i = 0; //在文本框中输入文字时，按下Enter键 $("#txtc1").keydown(fun...
<select> <option>请选择年</option> </select> <select> <option>请选择月</option> </select> <select> <option>请选择日</option> </select>用日历
最新发布
11-29
使用 jQuery 可以实现包含年、月、日选择框的生日选择器，以下是示例代码： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>生日选择器</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function () { // 生成年份选择框 var currentYear = new Date().getFullYear(); for (var year = currentYear; year >= 1900; year--) { $('.sel_year').append('<option value="' + year + '">' + year + '</option>'); } // 生成月份选择框 for (var month = 1; month <= 12; month++) { $('.sel_month').append('<option value="' + month + '">' + month + '</option>'); } // 根据选择的年份和月份动态生成日期选择框 function updateDays() { var year = parseInt($('.sel_year').val()); var month = parseInt($('.sel_month').val()); var daysInMonth = new Date(year, month, 0).getDate(); $('.sel_day').empty(); for (var day = 1; day <= daysInMonth; day++) { $('.sel_day').append('<option value="' + day + '">' + day + '</option>'); } } // 初始化日期选择框 updateDays(); // 当年份或月份改变时更新日期选择框 $('.sel_year, .sel_month').change(function () { updateDays(); }); }); </script> </head> <body> <label> 生日：</label> <select class="sel_year" rel="2000"></select> 年 <select class="sel_month" rel="2"></select> 月 <select class="sel_day" rel="14"></select> 日 </body> </html> ``` 在这个代码中，首先使用 jQuery 生成了年份和月份的选择框。然后，根据选择的年份和月份动态生成日期选择框。当用户改变年份或月份时，日期选择框会相应地更新。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值