将input标签的内容设置为修改触发操作

最新推荐文章于 2022-09-23 10:45:40 发布

原创最新推荐文章于 2022-09-23 10:45:40 发布 · 528 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用jQuery为HTML输入框添加事件监听，并通过AJAX实现动态查询功能。具体包括设置input标签的id属性以便于选择器操作，绑定input事件以实时获取用户输入的内容，以及调用服务器端的查询接口。

将input标签加上id

<input id="cmyChName" class="bdgsInput" value="" />

$(document).ready(function() { 
	
	$("#cmyChName").bind('input propertychange', function() { 
			var valueStr=document.getElementById("cmyChName").value;
                        ajaxGet(valueStr);
			}
			
});

在编写相对应的ajax方法查询

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

my_interface

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

HTML 中的 input 标签详解

读心悦

05-16

1816

通过隐藏原生控件，使用 CSS 创建自定义样式。} </ style > < div class = " custom-checkbox " > < input type = " checkbox " id = " customCheck " > < span > </ span > < label for = " customCheck " > 自定义复选框 </ label > </ div >

vue中input的v-model清空操作

12-08

这涉及到如何在不直接修改父组件的值的情况下，正确地更新`v-model`并通知父组件进行相应的操作。首先，让我们回顾一下`v-model`的工作原理。`v-model`本质上是Vue中的一种简写，它会同时设置`v-bind:value`和`v-...

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

让input双击后可以编辑

的

06-22

2286

input 内容改变的触发事件

weixin_34259232的博客

02-22

2258

1. onchange onchange 事件会在域的内容改变时触发。支持的标签<input type="text">, <textarea>, <select>,<keygen>。注意：在元素的值改变了且失去焦点时触发（两次的值一样不会触发）。缺陷：通过js代码改变DOM的值不会触发，解决在js代码里改值了调用其change 的fu...

使input文本框不可编辑的3种方法

热门推荐

u010210251的博客

11-08

16万+

今天试了一下使input文本框不可编辑的3种方法，现在总结一下： disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与一起使用。示例： readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切

修改回显

weixin_30273501的博客

05-06

673

A 页面用户名：<input type="text" name="userName"> 在JAVA类里面就可以 String str=request.getparamter("userName"); 转到B页面用户名：${requestScope.userName} 自己写的一个比较麻烦的方法点击编辑的时候，跳转的地址把值传过去 nav = ...

给input标签添加默认提示文字

weixin_30911451的博客

06-12

1327

1 <input name="username" placeholder="请输入用户名" /> placeholder = "提示文字" 转载于:https://www.cnblogs.com/DSH-/p/6992138.html

input标签内容改变的触发事件介绍

09-04

在这个场景下，了解`input`标签内容改变的触发事件就显得尤为关键。本文将详细介绍`onchange`、`onpropertychange`以及`oninput`这三个事件，并分析它们之间的区别和应用场景。 1. `onchange`事件： `onchange`事件...

使用Vue-scroller页面input框不能触发滑动的问题及解决方法

10-14

在开发Vue应用时，我们可能会遇到使用第三方滚动库如Vue-scroller时，遇到的一个常见问题：在页面中包含`<input>`输入框时，用户在输入框区域内无法触发滚动操作。这个问题主要是由于Vue-scroller组件内部的源码逻辑...

解决angularJS中input标签的ng-change事件无效问题

10-18

`ng-change`是AngularJS提供的一个指令，当输入元素（如`<input>`、`<select>`或`<textarea>`）的值发生变化并且失去焦点后，它会触发绑定的函数。这个变化检测基于AngularJS的脏检查机制，即当模型值发生变化时，...

关于input文本框，设置为readonly后，onchage事件无响应处理方案

chemyoo的博客

11-27

7200

input文本框，设置为readonly后，由于onchage事件是当文本框失去焦点后才会触发的，所以导致使用jq绑定事件无效。处理方式使用原生js获取到文本框，document.inuptName.onchange = function (){ alert('onchange 事件触发')}。

jQuery循环为input设置可编辑和不可编辑模式

苦涩精灵的博客

12-02

947

$(document).ready(function() { init(); $("button:eq(0)").click(function() { for (var i = 0; i < 7; i++) { $("input:eq("+i+")").removeAttr("disabled"); } }) $("button:eq(1)").click(function() { for (var i = 0; i <

使input标签的内容不可改的方法

weixin_45326188的博客

12-24

1044

1.disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。注意：disabled 属性无法与 type=“hidden” 一起使用。示例： 2.readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文...

如何设置input标签为只读（用于设置选择和显示）

幽默工作室

01-10

1万+

html中input标签内容改变触发事件

12-27

9002

在我的页面上，input标签使用的是弱选择类型，可以选择，也可以输入。然后，触发事件的话，用onblur的话，选择时触发的事件会有问题，用onchange的话，输入时触发事件会有问题。然后在实现的时候，可以在事件中加一个定时器，让事件在一定时间之后执行，这样就避免了上述的问题。代码如下： function check(){ setTimeout(function () {

Input标签的样式设置

qq_44709970的博客

09-23

2783

在input插入iconfont,在input中使用精灵图,input复选框设置边框颜色

jquery 内容改变时触发事件

Mevin的专栏

12-07

2万+

$("#textboxID").bind("input propertychange", function() { alert($(this).val()); });

jquery判断input内的值变化时触发动作

IceStreamLab

09-03

5089

如果是html里面写好的代码： $("input元素选择").bind("input propertychange", function() { // 要触发的函数内容 }) 如果是动态生成添加的： $("父级元素，必须是html里面有的").on("input propertychange", "input元素选择", function(){ // 要触发的函数内容 }) ...

input标签绑定input事件没有触发