首页 > 其他分享 >jquery获取input输入框中的值

jquery获取input输入框中的值

时间:2023-05-05 17:24:16浏览次数:47  
标签:jquery NAME 输入框 CSDN var input name

如何用javascript获取input输入框中的值

HTML

<input type="text" id="CSDN_NAME" name="CSDN_NAME" class="CSDN_NAME">

一、jquery方法

通过 name

var name = $('input[name="CSDN_NAME"]').val();

通过 **id**

var name = $('#CSDN_NAME').val();

通过 class

var name = $('.CSDN_NAME').val();

二、javascript方法

通过 **name**

document.getElementsByName("CSDN_NAME")[0].value

通过 **id**

var name = document.getElementById("CSDN_NAME").value

通过 class

document.getElementsByClassName("CSDN_NAME")[0].value

 

标签:jquery,NAME,输入框,CSDN,var,input,name
From: https://www.cnblogs.com/mengdie1978/p/17374700.html

相关文章

  • JQuery 层级选择器(next(),preAll(),siblings(),parent())
    JQuery层级选择器(next(),preAll(),siblings(),parent()) $('#d1div') //取所有子元素,不管是几层。$('#d1>div') //取直接子元素,一层$('#d1+div') //之后紧邻的一个同级元素$('#d1~div') //之后的所有同级元素$('#d1').next() //后面的一个同级元素$('#d1&......
  • vue el-input中点击符号,文本框中显示符号
    需求点击+|()符号,页面中光标位置,展示对应的符号点击完,光标留在原位 代码<el-form-itemprop="kwspec"label='监测关键词'><el-inputtype="textarea"placeholder="请输入监测关键词"ref="inputRef"@blur="inputBlur"v-model=&q......
  • 表单的el-input无法输入问题
    问题描述通过js方法等于号赋值后,页面输入框输入或删除内容无反应修改方法(1)使用$focusUpdate,在@input中调用,强制刷新dom,这样可能会导致表单rule校验失效 (2)使用$set替换等于号赋值内容参考vue中的$forceUpdate()......
  • Antd中设置 Form 初始值和清空Form表单输入框(转)
    转自:Antd中清空Form表单输入框设置Form初始值法一:在<Form.Item>使用defaultValue设置默认值(一般没用)法二:在组件的initValue中设置初始值,但是注意每个字段的初始值必须是常量,不能是state状态法三:通过useEffect()在页面渲染前设置form表单项的值比如useEffe......
  • vue学习 第十天(2) HTML5的新特性 ----- 语义化标签(布局标签)/ 多媒体标签(video、
    目标:能够说出3~5个HTML5新增布局和表单标签能够说出CSS3的新增特性有哪些 HTML5的新特性 HTML的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。新特性都有兼容性问题,基本是IE9+以上版本......
  • 如何将input里面的数值传输到servlet后台(利用vue+axios实现)
    相关步骤1、为input输入框加一个属性v-model2、并相应设置一个button3、vue里面的data定义上这个v-model值4、因为获取到了相关的数值,需要将其传递到后台,用post方式5、定义我们需要传递到url的数据完成!......
  • keil中error: #5: cannot open source input file “xxxxx“: No such file or direct
    error:#5:cannotopensourceinputfile“xxx.h“:Nosuchfileordirectory一般是.h没有添加到项目中。将包含.h文件或文件夹添加进去即可 ......
  • 基于jQuery的FlexiGrid的插件使用和改造
    已不推荐下载,如要下载去这个连接下载最新的http://gundumw100.iteye.com/admin/blogs/545610上面的2个链接是我参考的例子虽然Flexigrid已然算是优秀,但是问题还是有?比如:1:不支持在列首添加checkbox列2:如何给行附加事件(如右键快显菜单或双击)或者在最后列添加操作列(在列的定......
  • Angular4_支持多选,分组,自动完成,带图标,清理输入框可配置的select
    Angular4_支持多选,分组,自动完成,过滤,带图标,清理输入框可配置的select效果图DocumentationUsageInstall ngx-select-ex through npm packagemanagerusingthefollowingcommand:npmingx-select-ex--saveForusagewithAngular4installusingthefollowingcomman......
  • 【整理】jQuery知识点2
    ★★★=============================================================jQuery-获取内容和属性jQueryDOM操作jQuery中非常重要的部分,就是操作DOM的能力。jQuery提供一系列与DOM相关的方法,这使访问和操作元素和属性变得很容易。获得内容-......