文本框选中select()操作

最新推荐文章于 2019-05-05 13:17:05 发布
最新推荐文章于 2019-05-05 13:17:05 发布
阅读量896 收藏
点赞数
文章标签： javascript firefox ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/china_demon/article/details/5485897
版权
摘要
文本框选中select()操作
详细内容

在Firefox和ie中，

文本框和文本域控件都支持选中状态的操作，

javascript语句如下：

inputObj.select();

其中的inputObj为文本框或文本域的dom对象。

需要注意的是：

在IE下，

调用select()语句之前，

先调用obj.focus()语句设置文本框获得焦点，

否则在调用select()语句的时候，

有滚动条的话，

页面会自动滚动至最顶端位置；

燃烧的岁月_
关注
textbox控件使用详解
12-12
winform中关于textbox控件使用详解
js实现文本框选中的方法
10-24
这个函数通过调用document.getElementById()方法获取到id为"test"的文本框元素，并执行select()方法来选中文本框中的全部内容。 具体步骤如下： 1. 创建HTML文档，并通过<!DOCTYPE html>声明文档类型。 2. 使用...
遍历select，并根据text选中值
H_uyong的博客
05-05 766
var str = *****； var obj = document.getElementById("FoodClass") for(var i=0;i<obj.length;i++){ if(obj[i].text==str){ obj[i].selected=true; } }
jQuery 根据值或者文本选中select
weixin_30668887的博客
02-10 567
　　今天因为有项目需要动态操作select选中 习惯在百度上搜了一下 ,结果还是挺多的.试了其中一个 发现不能使用.打开第2,3 个发现都是一样的然后自己稍微研究了一下 //初始化select,第一个选中 $('#stoStoreCategoryID').get(0).selectedIndex=0; $("#stoStore...
Chrome和Safari完美支持onfocus="this.select();" 解决方案
weixin_30379531的博客
11-12 346
<input type="text" value="value" onfocus="this.focused=true;this.select();" onmouseup="if(this.focused){this.focused=false;return false;}"/> 　　 转载于:https://www.cnblogs.com/singles/p/34194...
VB.NET中TextBox的select和selectall的比较
正心 诚意 修身
08-10 3219
vb.net textbox select selectall
js实现鼠标点击文本框自动选中内容的方法
10-23
2. select()方法，用于选中文本框或文本区域内的所有文本。 3. DOM操作，通过JavaScript函数来动态操作页面上的HTML元素，从而实现交互功能。 4. 表单的创建和使用，以及如何通过表单组织多个输入元素。 5. 简单的...
jquery input text文本框模拟select框美化
11-11
jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化
createTextRange()的使用示例含文本框选中部分文字内容
12-10
代码如下: [removed] function test() { var rng=document.body.createTextRange(); alert(rng.text) } function test1() { var rng=document.body.createTextRange(); alert(... } [removed] <...
jquery对单选框,多选框,文本框等常见操作小结
01-19
一、文本框、单选按钮、复选框、相关操作 代码如下:var sex=$(“input[name=’sex’]:checked”).val(); //获取一组radio被选中项的值 var item=$(“#sel option:selected”).text(); //获取select被选中项的文本...
文本框、选项下拉列表里的几个属性与select方法
qq_41313587的博客
08-08 3758
文本框里的几个属性： value:设置文本框里的初始文字。 disabled：默认为false 当为true时该文本框禁用。 readOnly：默认为false 当为true时该文本框不能输入文字只能阅读。 focus();该方法可以设置默认获取焦点。 以下为实验代码： !DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta c...
C# 实现 TextBox内容全部选择的效果 select()
weixin_34163553的博客
04-24 1387
TextTest.Attributes["onFocus"] = "javascript:this.select();"; 转载于:https://www.cnblogs.com/ccsbb/archive/2013/04/24/3040252.html
C# 为TextBox增加SelectText改变事件
Zgke
08-06 3323
使用方法    private void Form2_Load(object sender, EventArgs e)        {            TextBoxSelectTextChangedClass _TextSelectChanged = new TextBoxSelectTextChangedClass(textBox1);                   
input获得select的内容并显示在输入框中（可以选中单个值）
热门推荐
sky_LQ的博客
05-08 1万+
html:  &lt;input type="text" id="expertIdt" name="expertIdt" maxlength="11" class="form-control  acvs-v-notnull" onchange="setRuleContent1()" /&gt; &lt;select multiple="multiple&q
select选中某个值时文本框对应显示或隐藏
最新发布
06-01
可以使用 JavaScript 来实现当 `select` 选中某个值时，文本框对应显示或隐藏的效果。具体实现思路是通过监听 `select` 的 `change` 事件，当选中某个选项时，根据其值来决定文本框的显示或隐藏。 以下是一个示例代码，当 `select` 选中值为 "show" 时，显示文本框，选中其他值时，隐藏文本框： ```html <select id="mySelect"> <option value="hide">Hide Textbox</option> <option value="show">Show Textbox</option> </select> <input type="text" id="myTextbox" style="display:none;"> <script> var select = document.getElementById("mySelect"); var textbox = document.getElementById("myTextbox"); select.addEventListener("change", function() { if (select.value === "show") { textbox.style.display = "block"; } else { textbox.style.display = "none"; } }); </script> ``` 在上面的代码中，我们通过 `getElementById` 方法获取了 `select` 和 `input` 元素，并为 `select` 元素添加了 `change` 事件监听。当用户选择某个选项时，事件处理函数中的 `if` 语句会判断选项的值是否为 "show"，如果是，则将文本框的 `display` 样式属性设置为 "block"，以显示文本框，否则将其设置为 "none"，以隐藏文本框。 你可以根据实际需求修改上面的代码，以实现不同的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值