使用JavaScript获取文本框的值方法

第一种方法：
重点看<a onclick="add()">获取值</a>
在script中对应的是标签id的值，不要写错了

<!DOCTYPE html>
<html>
<head><title>Bootstrap 实例</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"><script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script><script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script><script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body><h2>获取文框的值</h2>输入文字：<input id="name"><br><button  class="btn btn-primary"><a onclick="add()">获取值</a></button><script>function add(){var name=$("#name").val();alert(name);}</script>
</body>
</html>

方法二：
使用var name=document.getElementById("name").value;

 <h2>获取文框的值</h2>输入文字：<input id="name"><br><button  class="btn btn-primary"><a onclick="add()">获取值</a></button><script language="javascript">function add(){var name=document.getElementById("name").value;alert(name);}</script>

使用JavaScript获取文本框的值方法相关推荐

php 取html文本框的值,jQuery中怎么获取文本框的值
jQuery中获取文本框的值方法:首先新建文件,并使用script标签在当前页面引入[jquery.min.js]文件:然后使用input标签创建文本框,并设置其id为myinput:最后给butto ...
如何用javascript获取文本框，下拉框，单选框的对应值或者将值赋给它们？雪原虎发布于：2007-10-22 00:32
如何用javascript获取文本框,下拉框,单选框的对应值或者将值赋给它们? 雪原虎发布于:2007-10-22 00:32 1.文本框 1.1 <input type="text ...
html显示隐藏域的值,JavaScript获取文本框/编辑框/隐藏域的值
/p> "http://www.w3.org/TR/html4/loose.dtd"> JavaScript获取文本框/编辑框/隐藏域的值_网页代码站(www.webd ...
cefsharp获取ajax返回值,使用javascript从CefSharp浏览器获取文本框的值
我有一个Winforms应用程序,它具有ChromiumWebBrowser控件和一些基本的Windows控件.我希望能够点击一个按钮,调用JavaScript来获取浏览器中的文本框的值,并将返回的值 ...
html获取文本框的值,如何获取输入框的内容
js如何获取input输入框中输入的值直接使用.value属性即可获取输入框的内容. 详细的步骤如下: 首先获取输入框对应的DOM元素,如: var bt=document.getElementBy ...
js/jquery获取文本框的值与改变文本框的值
我们就用它来学习获取文本框的值及改变文本框的值. 代码如下复制代码 <script> function get1() { document.getElementById("tx ...
java如何获取单框的值_javaWeb获取文本框的值
javaWeb获取文本框的值 [2021-02-01 21:11:36] 简介: php if不等于空的判断方法:首先通过"$_POST['content'];"获取文本框的内容 ...
html获得文本框的值,jQuery中怎么获取文本框的值？
jQuery中怎么获取文本框的值?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. jQuery中获取文本框值的方法下面就结合简单的代码示例,给大家介绍j ...
php中怎样获取文本框的值,jQuery如何获取文本框的值？
本篇文章将给大家介绍如何使用jQuery获取文本框的值,希望对需要的朋友有所帮助! 下面就结合简单的代码示例,给大家介绍jQuery获取文本框值的方法介绍. HTML代码示例如下: 如何使用jQuer ...

使用JavaScript获取文本框的值方法

使用JavaScript获取文本框的值方法

使用JavaScript获取文本框的值方法相关推荐

最新文章

热门文章