`
easy0917
  • 浏览: 261059 次
  • 性别: 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>
分享到:
评论

相关推荐

    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元素。...

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

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

    vue监听input标签的value值方法

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

    获得html中表单元素值总结

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

Global site tag (gtag.js) - Google Analytics