如何使用jQuery获取文本框的值？

486

我可以得到这样的元素，$("#txtEmail")但是我不确定如何获得实际值。

jquery

— 弥迦
source

22

您是否尝试过$（“ txtEmail”）。val（）

— Perpetualcoder

2

hehehe ...问题是我忘了在点击事件中引用我的函数=）

— Micah

765

有一种.val()方法：

如果输入的ID为ID，则txtEmail可以使用以下代码访问文本框的值：

$("#txtEmail").val()

您还可以使用该val(string)方法设置该值：

$("#txtEmail").val("something")

— 尼尔·普罗瑟
source

2

为什么'.value（）'在jQuery中不起作用？我不会搜索Google，因为它是我凭直觉尝试过的。为什么选择将其缩短两个字符...

— Mike de Klerk，2015年

var user_email = $("#txtEmail").val()

— Nipek '17

74

使用.val（）方法。

此外，我想你想用$("#txtEmail")的$("txtEmail")类型的返回元素<txtEmail>，你可能没有。

请参阅jQuery文档。

还有jQuery val（）方法。

— 斯宾塞·鲁波特
source

23

可能重复：

Just Additional Info，这花了我很长时间才能找到。如果您使用字段名而不是ID来标识表单字段，该怎么办。您可以这样做：

对于单选按钮：

 var inp= $('input:radio[name=PatientPreviouslyReceivedDrug]:checked').val();

对于文本框：

 var txt=$('input:text[name=DrugDurationLength]').val();

— 约萨夫·阿卜杜拉（Yoosaf Abdulla）
source

在发布复制和粘贴多个问题的样板/惯用答案时要小心，这些问题通常会被社区标记为“垃圾邮件”。如果您这样做，通常意味着问题是重复的，因此应将其标记为：stackoverflow.com/questions/1320088

— Kev 2012年

1

@Kev：我不知道这种标记。但是，我不确定在发布此解决方案期间它是否完全是重复的。我找不到这么贴的一个。但是，是的，我会紧记并感谢您的告知。

— Yoosaf Abdulla 2012年

1

“ input：text”之所以有用，是因为我有两个名称相同的控件。：<（请注意我的代码，只是继承了它）

— granadaCoder

11

注意到您对使用它进行电子邮件验证和需要插件的评论，该验证插件位于http://bassistance.de/jquery-plugins/jquery-plugin-validation/中，可能会为您提供帮助，它附带了一封电子邮件。统治。

— 机警的
source

6

.val();您可以使用一种方法。

因此，根据您的情况，您可能会想使用$("#txtEmail").val();。另外，请确保将id属性添加到html代码中！

— 替罪羊
source

5

使用该.val()方法获取所需元素的实际值。

— PUBG
source

4

您可以通过其ID或类名称访问Texbox控件的值。

这是示例代码：

<input type="text" id="txtEmail" class="textbox" value="1">

$(document).ready(function(){
   alert($("#txtEmail").val());
   alert($(".textbox").val());//Not recommended 
});

使用类名获取任何文本框控件值可能会返回其他或错误的值，因为也可以为任何其他控件定义相同的类名。因此，可以通过其ID获取特定文本框的值。

— 阿克沙伊（Akshay Chawla）
source

2

通过使用

$("#txtEmail").val()

你得到元素的实际值

— 米兰·莫斯
source