正文
jquery文本选中,jquery下拉框选中
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery js当文本框获得焦点时，如何自动选中里面的文字？
$(function(){
$(":text").focus(function(){
this.select();
});
});
JQuery文本框获得焦点背景颜色改变：
1.先使用jQuery选择器找到所有的文本框。
2.为文本框注册获得焦点事件，即focus事件。
3.在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色。
4.注册失去焦点事件，即blur事件。
5.在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色。
script type="text/javascript"
$(function(){
//找到文本框，并注册得到焦点事件。
$("input:text").focus(function(){
//让当前得到焦点的文本框改变其背景色。
$(this).css("background","pink");
});
//找到文本框，并注册失去焦点事件
$("input:text").blur(function(){
//让当前失去焦点的文本框背景色变为白色。
$(this).css("background","white");
});
});
/script
相关问答
Q1: 如何用jquery实现全选text里的文字
下面的jquery代码可以实现点击文本框即全选其文字的效果：
$("input:text").click(function(){
$(this).select();
});
示例代码如下
创建Html元素
div class="box"
span单击文本框全选文字：/spanbr
div class="content"
input type="text" value="单击即可全选文字"
/div
/div
简单设一下置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
input[type='text']{width:200px;height:35px;padding:5px 10px;border:1px solid #ff9966;}
编写jquery代码
$(function(){
$(":text").click(function() {
$(this).select();
})
})
观察效果
初始状态
点击文本框之后
Q2: jquery如何得到选中文字的内容和坐标
1、得到选中文字内容如下
//选中文字
var funGetSelectTxt = function() {
var txt = '';
if(document.selection) {
txt = document.selection.createRange().text;
} else {
txt = document.getSelection();
}
return txt.toString();
};
2，获取对象元素的位置(offset()方法)
var offset = obj.offset();
获取对象元素的位置，分别是元素的top和left，调用方法是：offset.left和offset.top，可知当前对象的左部和顶部位置。
Q3: jQuery如何获取复选框选中项后的文字？
1、创建如下结构的测试文件-- Content，-- jquery-1.11.3.min.js，-- JquerySelect.html。
2、【获取】下拉框【选中值】：使用【.val()】。
3、【获取】下拉框【选中文本】：使用【.find("option:selected").text()】。
4、【获取】下拉框选中项的【索引】：使用【.get(0).selectedIndex】。
5、通过【value】值【设置】下拉框的选中项：使用【.val("value值")】。
6、通过【text】值【设置】下拉框的选中项。
7、通过【value】值【删除】下拉框的一个选项。
8、通过【text】值【删除】下拉框的一个选项。
Q4: jquery选中文字
select()方法，但这需要使用DOM对象，jQuery('input[type=text]')[0].select()就行了
