javascript 设置文本框的值例子

一,原生态js设置文本框值

<input type="text" name="test" id="test">

获取 test的值

var t=document.getElementByIdx_x("test").value把值赋给变量t

给<input type="text" name="test" id="test">赋值

document.getElementByIdx_x("test").value ='www.111cn.net';

这样就把www.111cn.net值传给了test输入框了哦。

二,jquery设置文本框值

<input type="text" name="test" id="test">

var a = $('#test').val(); 这个A就把test值给获取了,同样赋值也一样

$('#test').val('www.111cn.net'); 这样就把www.111cn.net值给了test了。

对于select下拉框js与jqeury都有不同的设置方法在这里我就不介绍了哦。

时间: 2024-09-14 06:21:32

javascript 设置文本框的值例子的相关文章

javascript设置文本框光标的方法实例小结_javascript技巧

本文实例总结了javascript设置文本框光标的方法.分享给大家供大家参考,具体如下: 对于text //得到光标位置 function getCaret(textbox) { var control = document.activeElement; textbox.focus(); var rang = document.selection.createRange(); rang.setEndPoint("StartToStart",textbox.createTextRange

javascript 设置文本框中焦点的位置_javascript技巧

复制代码 代码如下: var obj=document.getElementById("txtUserID") var range=obj.createTextRange() //选中文本的起始位置(从第3个字符之后开始) range.moveStart("character",3) //选中文本的结束位置(到全部字符的倒第3个之前) range.moveEnd("character",-3) //选中 range.select()

JavaScript实现将文本框的值插入指定位置的方法_javascript技巧

本文实例讲述了JavaScript实现将文本框的值插入指定位置的方法.分享给大家供大家参考.具体如下: 这里实现JavaScript将文本框的值插入当前面指定位置,这在一些表单提交场合或许我们都用到过,本代码段是将文本框的值写入到当前页的body区域内,如果你设置有其它的文本框,则可以值赋给这些文本框,可以让使用表单的用户免去输入的麻烦. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional

javascript和jquery实现设置和移除文本框默认值效果代码_javascript技巧

这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: 复制代码 代码如下: <input id="keyword" name="keyword" size="10" class="inputstyle keywords" value="请输入关键字进行搜索"    onfocus='if(t

JavaScript获取/更改文本框的值的实例代码

这篇文章介绍了JavaScript获取/更改文本框的值的实例代码,有需要的朋友可以参考一下   尽管<input type="text" />和<textarea />是不同元素,但它们均支持同样的特性来获取包含在文本框内的文本.考虑以下例子: 复制代码 代码如下: <html> <head> <title>Retrieying a Textbox Value Example</title> <script

javascript 使用DOM设置文本框、单选按钮、复选框、下拉菜单

使用DOM设置文本框 1.控制用户输入的字符个数对于单行文本框和密码输入框,可以利用maxlength属性控制用户输入的字符个数.对于多行文本,maxlength为自定义属性,其值最多输入的字符的个数,在onkeypress事件发生时则调运返回LessThan()函数返回值,函数如下 <textarea name="comments" id="comments" cols="40" rows="4" maxlength=

jQuery设置和移除文本框默认值的方法

 这篇文章主要介绍了jQuery设置和移除文本框默认值的方法,实例分析了jQuery操作文本框的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery设置和移除文本框默认值的方法.分享给大家供大家参考.具体分析如下: 开始时,文本框设定一个默认值.当光标移动到文本框时,如果文本框当前值是默认值,那么清空:离开文本框时,文本框值如果为空,那么将文本框值设置为默认值. 代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 1

jQuery实现设置、移除文本框默认值功能_jquery

jQuery实现的文本框默认值感应鼠标动作: 本章节介绍一下如何利用jQuery实现文本框默认值感应鼠标动作的功能. 比如当文本框获取鼠标焦点的时候,默认值会被清空,当文本框没有输入内容,鼠标焦点离开的时候,又会恢复到默认值. 代码实例: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title></title> <scri

jQuery设置和移除文本框默认值的方法_jquery

本文实例讲述了jQuery设置和移除文本框默认值的方法.分享给大家供大家参考.具体分析如下: 开始时,文本框设定一个默认值.当光标移动到文本框时,如果文本框当前值是默认值,那么清空:离开文本框时,文本框值如果为空,那么将文本框值设置为默认值. 代码如下: $(document).ready(function() { //each遍历文本框 $(".input").each(function() { //保存当前文本框的值 var vdefault = this.value; $(thi