怎么使用jquery获取div下面一个文本框的值

发布网友发布时间：2022-05-01 00:47

共2个回答

懂视网时间：2022-04-22 14:58

本篇文章将给大家介绍如何使用jQuery获取文本框的值，希望对需要的朋友有所帮助！

下面就结合简单的代码示例，给大家介绍jQuery获取文本框值的方法介绍。

HTML代码示例如下：

<!DOCTYPE html>
<html>
<head>
 <script src="https://code.jquery.com/jquery-git.js"></script>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width">
 <title>如何使用jQuery获取文本框的值</title>
</head>
<body>
<input type="text" value="输入内容">
</body>
</html>

javascript代码如下：

$( "input" )
 .keyup(function() {
 var tvalue = $( this ).val();
 console.log(tvalue);
 }).keyup();

输出：

注：jQuery keyup()方法表示当键盘键被松开时发生 keyup 事件。keyup() 方法触发 keyup 事件，或规定当发生 keyup 事件时运行的函数。

热心网友时间：2022-04-22 12:06

文本框属于表单字段，jQuery
提供了val()
方法用以设置或返回表单字段的值，语法为$(selector).val()。下面根据不同情形，演示获取div下面一个文本框的值的方法：
1、如果已知文本框的某些属性，例如id，class，name：
$("#demo_text").val();
//
直接根据id获取
$("#test
:text.demo_text").val();
//
根据class获取
$("#test
:text[name='demo_text']").val();
//
根据name获取
2、如果已知文本框的相对位置
$("#test
:text").first().val();
//
第一个
$("#test
:text").last().val();
//
最后一个
$("#test
:text").eq(1).val();
//
#test下的第2个文本框