<input>标签用val()取不到值

最新推荐文章于 2022-11-24 10:37:53 发布

Tie_laosan

最新推荐文章于 2022-11-24 10:37:53 发布

阅读量1.1w

点赞数 1

分类专栏：笔记文章标签：笔记

本文链接：https://blog.csdn.net/Tie_laosan/article/details/78143819

版权

笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

HTML标签

jQuery代码

var userIds = $("#userIds").val();
var userName = ($("#userName2").val();
var dept = $("#dept").val();

dept取不出来

分析原因：

后台数据没捞出来
字母写错
id值重名

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Tie_laosan

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

使用Modal传值的过程中遇到的关于＜input＞标签传值的问题

Tracy_coding的博客

05-10

393

今天进行java web开发的过程中，打算使用Modal显示和编辑数据，并将Modal内显示的数据传递到后端。

新插入ul中的＜li＞标签无法绑定点击事件

shiyue1016的博客

09-21

1742

我做的是搜索框下，关联数据显示下面是html基本结构。 <input class="search" type="text" value="目的地：北京，上海，深圳" id="search"> <ul class="search-like" id="list-box"> </ul> ul内没有li，通过模板引擎方法插入从后台接收到的数据到ul中；在给li绑定事件过程中遇到了问题，在外部绑定事件会无效，因为li是后面动态生成的，也就

1 条评论您还未登录，请先登录后发表或查看评论

使用jquery的.val()无法获取input框的输入值

it_bird1999的博客

08-12

3090

使用jquery的.val()无法获取input框的输入值错误案例然后我去掉.val()，看是否获取了input对象发现是能获取的，但是居然有两个input框。错误原因出现两个input是因为有两个id，但另一个id肯定不是我们前端写的，而是因为后端渲染用的是克隆代码里面没有，所以找是找不到另一个id的修改方法先获取你真是要获取的输入框的祖先元素；然后通过这个祖先元素再获取这个元素；就可以锁定这一个了具体操作如下：结尾自然是成功了 ...

关于 input 的 val

weixin_44291886的博客

09-13

617

搜索 $("#btn-search").click(function () { var keywords = $("#keywords").val(); if (keywords == “”) { alert(“请输入商品”); } else { var url = ‘/shop/Default/AllGoods/token/<?php echo Yii::app()->r...

jquery获取input的值显示undefined

热门推荐

wujiandao000的博客

01-14

1万+

jquery获取input的值显示undefined var name = $("#username").val(); alert("name=" + name); alert($("#username").val()); $(function(){ alert("第二种方法。"); alert($("#username").val()); });

jquery input取值为undefined？

孟秋与你的博客

11-05

2446

1.1. js 代码写在标签里面 2. 2. var 值要写在函数里面因为可能页面加载时该值为空例如： <head> <script type="text/javascript"> function aaa(){ var departTime = $("#input框的id").val(); console.log(departTime...

指出下列代码的错误，并给出改正后的代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>民航查询</title> </head> <body> <h1>民航查询</h1> <form> <label for="flightNumber">航班号:</label> <input type="text" id="flightNumber" name="flightNumber"><br><br> <label for="date">日期:</label> <input type="date" id="date" name="date"><br><br> <input type="submit" id="submit" value="Submit"> </form> <div id="航班号"></div> <div id="出发地"></div> <div id="目的地"></div> <div id="日期"></div> <div id="起飞时间"></div> <div id="到达时间"></div> <div id="余票数"></div> <div id="票价"></div> <div id="折扣数"></div> <div id="折扣"></div> <div id="航空公司"></div> <script> $(function (){ $("#submit").on('click',function () { $.get('/flightQuery',{flightNumber: Number, date: day},function (res){ for (var key in res) { // 将属性的值渲染到页面中 document.getElementById(key).innerHTML = key +": "+ response[key]; } }) }) }) </script> </body> </html>

05-30

5. 在标签中使用中文作为 id 属性值，不规范。改正后的代码如下： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>民航查询</title> <script src=...

改写下面代码，要求要用vue3并且没有export default{} return <template> <div> <input v-model="inputVal" @input="handleSearch"> <select v-model="selectedOption"> <option v-for="option in options" :key="option.id" :value="option.value">{{ option.label }}</option> </select> </div> </template> <script> import { ref, watch } from 'vue'; import axios from 'axios'; export default { setup() { const inputVal = ref(''); const options = ref([]); watch(inputVal, (newValue) => { if (newValue) { searchData(true); } else { searchData(false); } }); async function searchData(bool) { try { if (bool) { let paramName = inputVal.value; const response = await axios.get('/api/options', { params: { search: paramName, }, }); options.value = response.data; } else { refreshData(); } } catch (error) { console.error(error); } } async function refreshData() { // 更新表格数据的逻辑 } return { inputVal, options, handleSearch: searchData, }; }, }; </script>

最新发布

07-15

在Vue 3中，可以使用`<script setup>`语法来简化代码，不需要使用`export default`和`return`。下面是使用Vue 3的`<script setup>`重写的代码： ```vue <script setup> import { ref, watch } from 'vue'; import ...

使用jQuery给input标签设置默认值

11-23

在网页开发中，有时我们需要为`<input>`标签设置默认值，这通常是为了提供用户友好的界面，方便用户快速理解表单字段的目的。在给定的示例中，使用了jQuery库来实现这一功能，主要涉及到以下几个关键知识点： 1. **...

从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别

01-19

背景：在清空input file标签选中值时，分别用了以下方法，发现有的对有的错：【√】$(“#file”)[0].value = “”; 【√】$(“#file”)[0].value = null; 【×】$(“#file”).attr(“value”,””); 【×】$(“#file”).attr(“value”,null); 【√】$(“#file”).val(“”); 【√】$(“#file”).val(null); 　　为什么同样是改变value值，得到的结果却不同呢？释疑：　　查阅stackoverflow《jQuery .val() vs .attr(“value

关于input取不到值的可能性

调皮博士的博客

10-27

1万+

首先总结: 如果$("#input").val()返回空值,只考虑两种可能: 1.没有定位到这个input; 2.有多个同标记的input; 今天给自己挖了个坑,div转对话框死活获取不到里面的值,框名什么的倒是很正常. 于是开始做测试,先是把input移除对话框外看是否能正常取到input里的值,结果正常.得出结论只能是对话框的锅. 再想,那到底是因为对话框弹窗设

解决type=file中获取不到value值

Jour的博客

09-16

1万+

做前端开发的童鞋肯定会遇到这样的需求，获取表单里面全部input的值。但是也不难发现这样的bug，给type=“file”的input标签赋值value，然后再通过js去获取value的时候，发现根本拿不到想要的那个值，拿到的是空字符串。通过zepto或者jquery的源码也可以看出来，form表单的参数序列化方法serialize$.fn.serializeArray = function() {

用val()获取与设置input的值

weixin_30435261的博客

11-30

316

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 <style type="text...

el-input无法实时获取当前输入值的原因之一及解决办法

Yukinoshita_kino的博客

06-19

5627

一. 场景两个el-input输入框，只能输入数字，输入文字的时候自动替换清空。需要先填满的金额，才能填减的金额，且减的金额必须小于满的金额。 <template> <el-form :model="addForm"> <el-form-item label="满" :label-width="formLabelWidth"> <p style='margin: 0;color:#f09276'>* 必填 </p>

$("input[name=name]").val(); 无法获取值问题

weixin_30379973的博客

07-01

6464

<input type="text" class="text" name="name" placeholder= 例如：上海" value="{$info.name}"/> var name=$("input[name=name]").val(); 无法获取到值，修改： <input type="text" class="text" name="name_link" pl...

jq监听input-val变化事件

weixin_30883777的博客

12-18

988

$('body').on('input propertychange', '.info-number-val-box', function(event) { xxxxx }); 　　转载于:https://www.cnblogs.com/janfu/p/8058758.html

低版本的火狐浏览器中js取jsp的input的值会出现偶尔不正确地情况

lijunlinlijunlin的专栏

03-25

646

在低版本的火狐浏览器调式js时发现从jsp文件取的input值会偶尔不正确，发现取到的是别的的值，只好把取错值的input标签放到body内的第一行，才能正确取值，为什么会这样有待研究。

vue input输入框只读，手动赋值后提交form表单时，验证没刷新，依然验证为空

Liberty_yes的博客

11-24

1673

vue input输入框只读，手动赋值后提交form表单时，验证没刷新，依然验证为空