`

关于jquery获取input的value问题

阅读更多
刚开始接触jquery,很多东西不熟悉
在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值
 
后来终于在伟大的百度帮助下,找到了问题的原因:
$("")是一个jquery对象,而不是一个dom element
 
value是dom element的属性
 
jquery与之对应的是val
 
val() :获得第一个匹配元素的当前值。
 
val(val):设置每一个匹配元素的值。
 
 
 
所以,代码应该这样写:
 
取值:val = $("#id")[0].value;
赋值:
$("#id")[0].value =  "new value";
或者$("#id").val("new value");

 
或者这样也可以:val = $("#id").attr("value");
分享到:
评论

相关推荐

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

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    Jquery 获取input 值

    根据提供的文件信息,我们可以总结出一系列关于如何使用 jQuery 来获取不同类型的输入元素(如 radio 按钮、checkbox 和 select 下拉列表)值的方法。接下来,我们将详细地解析这些方法,并提供相应的代码示例。 ##...

    jquery获取input的value问题说明

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

    JQuery获取input控件值.docx

    下面将详细解释如何使用jQuery来获取和设置text、textarea、radio、checkbox以及select等不同类型的input控件的值。 1. **获取text和textarea值**: - 对于`<input type="text">`和`<textarea>`,可以使用`.attr()...

    jquery获取input输入框中的值

    如何用javascript获取input输入框中的值,js/jq通过name、id、class获取input输入框中的value 先准备一段 HTML <input type="text" id="CN_NAME" name="CN_NAME" class="CN_NAME"> 一、jquery获取input文本框...

    js与jquery获取input输入框中的值实例讲解.docx

    ### JS与jQuery获取Input输入框中的值实例讲解 #### 一、引言 在Web开发中,经常需要处理用户输入的数据。JavaScript 和 jQuery 是前端开发中最常用的两种工具,它们提供了强大的功能来操作DOM(文档对象模型),...

    jquery获取表单值

    ### jQuery 获取表单值 在Web开发中,jQuery作为一个非常流行的JavaScript库,简化了许多复杂的DOM操作,特别是对于表单数据的获取与处理方面提供了极大的便利。本文将详细讲解如何使用jQuery来获取不同类型的表单...

    jQuery获取Select选择的Text和_Value

    jQuery 获取和设置 Select 选择的 Text 和 Value jQuery 获取 Select 选择的 Text 和 Value 是一种常见的操作,例如在表单提交前获取用户选择的选项,或者在页面加载时根据服务器端的数据设置选择的选项。本文将...

    jquery.maskedinput 自定义输入格式,金额,时间,秒,毫秒控件

    《jQuery Masked Input插件详解:打造自定义输入格式的高效控件》 在Web开发中,用户界面的交互性和用户体验至关重要。为了提高输入数据的规范性和易用性,开发者常会采用各种输入控件来限制或指导用户的输入格式。...

    jquery input文本框模拟select选择框获取选定

    对于标题提到的"jquery input文本框模拟select选择框获取选定",这是一个常见的需求,特别是在需要用户从一系列选项中进行选择但又希望保持界面简洁的情况下。这里我们将详细讨论如何使用jQuery来实现这个功能。 ...

    jQuery获取及设置表单input各种类型值的方法小结

    需要注意的是,在jQuery中使用$("#id")获取的input元素是一个jQuery对象,其value属性需要通过$("#id")[0].value来获取或设置。 最后,文章还提到了其他一些关于jQuery的资源和专题,如《jquery中Ajax用法总结》、...

    Jquery-Ajax各种获取方式

    Jquery-Ajax各种获取方式 <body> <input id="getJsData" type="button" value="获取js值"/> <input id="getMessage" type="button" value="获取单个值"/> <input id="getUserInfo" type=...

    jQuery标签输入自动完成插件jquery.tagsinput-revisited.js

    jQuery标签输入自动完成插件jquery.tagsinput-revisited.js就是为了解决这一问题而设计的。这款插件基于Jquery tagsinput,同时结合了Bootstrap的样式,使得输入框的外观更加美观,功能也更为强大。 jQuery tags...

    jquery获取表单元素的方法

    本文将详细解析如何使用jQuery获取表单元素的各种值,包括文本框(TEXT)、文本区域(AREA TEXT)、复选框(CHECKBOX)、单选按钮(RADIO)、下拉列表(SELECT)以及表格(TABLE)中的数据。 ### 文本框(TEXT) ...

    JavaScript和jQuery获取input框的绝对位置实现方法

    本篇教程主要介绍了使用JavaScript和jQuery获取input元素的绝对位置的方法,并演示了如何通过这些位置信息来控制一个div元素的显示位置。以下是从给定文件中提取出的详细知识点: 1. 获取元素的绝对位置:在...

    js与jquery实时监听输入框值的oninput与onpropertychange方法

    主要介绍了js与jquery实时监听输入框值的oninput与onpropertychange方法,实例分析了oninput与onpropertychange实现下拉框里自动匹配关键字实时监听文本框value值变化的功能,需要的朋友可以参考下

    jQuery input文本框点击下拉菜单选择代码

    $("#selectInput").val($(this).data("value")); $(this).parent().hide(); // 隐藏下拉菜单 }); selectMenu.append(li); }); $(this).after(selectMenu); // 将下拉菜单插入到input元素后面 }); // 当...

Global site tag (gtag.js) - Google Analytics