用JS怎样获取文本框的值

发布网友发布时间：2022-04-24 16:09

我来回答

共6个回答

热心网友时间：2022-04-21 00:26

代码示例：

document.getElementById("id").innerHTML //获取文本的内容；

document.getElementById("id").value //获取文本框的内容；

function getValue(){

var input=document.getElementById("myId");//通过id获取文本框对象

alert(input.value);//通过文本框对象获取value值

}

扩展资料：

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

是一种解释性脚本语言（代码不进行预编译）。 [4]

主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。 [4]

可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。 [4]

跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理

参考资料：JavaScript-百度百科

热心网友时间：2022-04-21 01:44

当已知文本框的id属性时，<input type="text" id="userName">

方法一：var userName = $("#userName").attr("value");

方法二：var userName=$("userName").value();

<input type="text" name="one" value="5"/>用jquery怎么得值所以正确的方法应该是

<input type="text" id="one" value="5" />

$("#one").val();

拓展资料

作用是快速获取文档元素，jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。

提供漂亮的页面动态效果，jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。

热心网友时间：2022-04-21 03:18

1)原生js

元素.value; //获取input里的值

元素.value = 'xxx' ;//给input设置值

2)Jquery/需要导包

元素.val();//获取input元素的值

元素.val('xxx');//给input设置值

下面例子:

<body>
<input value="test">
<script src="jquery-2.1.1.min.js"></script>
<script>
    //原生js
    console.log(document.getElementsByTagName('input')[0].value);//打印出test
    document.getElementsByTagName('input')[0].value = 'test2';//把文本框里的值设为test2

    //Jquery
    console.log($('input').val());//打印出test2
    $('input').val('test');//把文本框里的值设为test

</script>
</body>

热心网友时间：2022-04-21 05:10

参考资料：http://devedge.netscape.com

热心网友时间：2022-04-21 07:18

script language="avascript">
function chk()
{
var txtValue=document.form.t1.value;
}
</script>
<form name=form1>
<input name=t1 type="text">
<INPUT TYPE="submit" onclick="chk()">
</form>

可以得到t1的value。

热心网友时间：2022-04-21 09:42

<form name="form1">
<input name="t1" type="text" id='t1'>
<input type='button' value="提交" onClick="chk('t1')">
</form>
<script language="javascript">
function chk(id){
var value=document.getElementById(id).value;
document.write(value);
}

</script>

---------------------------测试正确------------------------