`
easy0917
  • 浏览: 260411 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

JavaScript如何获得input元素value值

    博客分类：
  • JS
 
阅读更多
在页面中我们最常见的页面元素就是input了，但是我们如何用JavaScript得到网页input中输入的value值呢，其实很简单，方法也不止一种，据我总结比较常用的就是下面的两种方法，闲话不多说了，下面那就来看看我说的方法吧：
方法一、 
<html>
 <head>
 <script language="javascript">
  function print(){
   var a=myform.name.value;
   alert(a);
  }
 </script>
 </head>
 <body>
  <form name="myform">
   <input type="text" name="name" id="nn" />
   <input type="button" name="button" value="获取" onclick="print()" />
  </form>  
 </body>
</html>

这是获取网页input值的方法之一，给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值，并把值赋给a，最后用JavaScript的alert()打印方法打印出来。
<html>
 <head>
 <script language="javascript">
  function print(){
   var a=document.getElementById("nn").value;
   alert(a);
  }
 </script>
 </head>
 <body>
  <form>
   <input type="text" name="name" id="nn" />
   <input type="button" name="button" value="获取" onclick="print()" />
  </form>  
 </body>
</html>
分享到：
| 添加Linux用户等操作
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery获取form表单input元素值的简单实例

    例如，$("#cifNo").attr("value")就是用来获取id为cifNo的input元素的value属性值。需要注意的是，attr()方法在获取某些动态值的时候，可能不会得到最新的结果，因为jQuery的attr()方法是获取元素在HTML代码中设置好...

    WebBrowser 如何读出input 的value值。谢谢

    Console.WriteLine("Input ID: " + input.Id + ", Value: " + inputValue); } } ``` 这段代码通过`Document.All`获取所有HTML元素，并使用`OfType()`过滤出`input`元素，然后对每个元素检查并获取`value`属性。 ...

    javascript input自动赋值

    在上述例子中，无论使用原生JavaScript还是jQuery，我们都是通过获取input元素并设置其value属性来实现自动赋值的。这种方法对于动态页面尤其有用，比如从服务器获取数据后填充表单，或者根据用户的行为改变输入框的...

    JavaScript获取表单内所有元素值的方法

    本文实例讲述了JavaScript获取表单内所有元素值的方法。分享给大家供大家参考。具体如下： 下面的JS代码可以遍历指定表单中的所有元素，并输出元素的值 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;form id=...

    javascript检测input是否为空

    JavaScript中的`value`属性用于获取`&lt;input&gt;`元素的值。你可以检查`value`的长度来判断是否为空。如果长度为0，说明输入为空： ```javascript if (inputElement.value.length === 0) { console.log('输入为空');...

    JavaScript网页表单元素Input的高级用法

    ### JavaScript网页表单元素Input的高级用法 在Web开发中，`&lt;input&gt;`元素是构建用户交互界面的重要组成部分之一。通过JavaScript可以实现对`&lt;input&gt;`元素的高级操作，从而提升用户体验、增加表单的有效性和安全性。...

    javascript获得单选框的值

    ### JavaScript 获取单选框的值 在Web开发中，JavaScript是一种非常重要的客户端脚本语言，它可以帮助我们处理用户输入的数据、动态更新网页内容等。在HTML表单中，单选框（`&lt;input type="radio"&gt;`）是常用的一种...

    JavaScript实现清空(重置)文件类型INPUT元素值的方法

    这种方法简单直接，通过将input元素的value属性设置为空字符串来清空文件值。这在IE11以上版本以及其他现代浏览器如Chrome、Firefox和Opera中是有效的。然而，对于IE5至IE10等老版本浏览器，这种方法则无效。 ```...

    改变隐藏的input中value的值代码

    除了`attr()`方法，jQuery还提供了`val()`方法来操作`&lt;input&gt;`元素的值，特别是对于那些具有`value`属性的元素，如文本框、隐藏输入等。`val()`方法的使用方式与`attr()`类似： ```javascript $("#picTxt").val...

    改变隐藏的input中value值的方法

    3. `picTxt`：这是JavaScript中的一个变量，它的值将会被赋给`&lt;input&gt;`元素的`value`属性。这意味着你需要确保`picTxt`变量已经定义并且包含了你想要设置的新值。 通过执行这段代码，隐藏的`&lt;input&gt;`标签，其HTML...

    JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题

    这是因为input元素的value属性赋值时，实际上是将字符串作为基本类型值处理，而非直接修改input对象本身。因此，直接修改字符串变量的属性并不能影响到input元素的value值。 引用类型，如Object，是保存在堆内存中...

    js点击连续添加input输入框并且判断值

    为了实现对每个输入框的值进行判断，我们可以添加一个函数来遍历所有input元素，检查它们的值是否满足特定条件。例如，我们可以确保输入非空，长度在一定范围内等。下面是一个简单的判断函数示例： ```javascript ...

    jQuery在div中去input的值

    console.log("Input Value: " + inputValue); // 更新input的值 $("#myInput").val("新值"); }); ``` 这段代码会在文档加载完成时运行，获取input的值，并将其输出到浏览器的控制台。同时，它还会将input的值...

    将name值一样的input值拼接起来

    通常，`&lt;input&gt;`元素的值可以通过`value`属性得到。 ```javascript var values = []; for (var i = 0; i ; i++) { values.push(inputs[i].value); } ``` 3. **拼接字符串**：有了每个输入元素的值后，我们可以...

    jquery获取input的value问题说明

    我们来详细解析一下，当通过$("")得到一个jQuery对象后，如果需要获取这个对象对应DOM元素的属性，比如input的value属性，你需要通过访问jQuery对象数组的第一个元素，即$("#id")[0]来获取对应的DOM元素。...

    vue监听input标签的value值方法

    3. **通过JavaScript原生方法**：直接使用`document.getElementById`获取`input`元素并读取`value`属性，例如`this.materialName = document.getElementById("materialSearch").value`。 扩展知识部分，展示了如何...

    清空input类型为file的value属性值的方法

    标题中提到的“清空input类型为file的value属性值的方法”，涉及到JavaScript在操作DOM时遇到的特性。在Web开发中，`value`属性用于获取或设置表单元素的值。对于`file`类型的`&lt;input&gt;`元素，它的值是一个路径字符串...

    获得html中表单元素值总结

    var inputValue = $("#txt").val(); // 清空名为"txt"的文本输入框 $("#txt").val(''); // 将名为"txt"的文本输入框的值设置为"11" $("#txt").val('11'); ``` #### 4. 处理复选框（Checkbox） 复选框允许用户...

Magicbox
Global site tag (gtag.js) - Google Analytics