jQuery $('input :selected').val()返回未定义 - 腾讯云开发者社区

文章/答案/技术大牛

发布

Jquery控制input与selected

","#EBEBEB"); } 原理：设置input的readonly属性为true。...拓展 input中也可以使用disabled代替readonly。区别：当以form表单提交，diabled时无法获取数值，readonly可以获取到数值。...使用jquery的$(tag).val()时均可获取值。...解除禁止操作 $(".selector").removeAttr("disabled"); 2、选中某值如选中第一个option: $(".selector option").eq(0).attr("selected...",true); 参考资料用jquery如何让select选中某值 [问题点数：40分，结帖人yozoh_] jquery操作select详解(取值,设置选中) 推荐资料 HTML input> 标签的

1.6K1 0

python测试开发django-186.使用 jquery 的 .val() 无法获取input框的输入值(已解决)

前言在使用 jquery 可以定位到元素， input框也输入了值，但是用.val()无法获取到输入框的值。...问题描述如下图是一个input输入框 input type="text" id="project_name" name="project_name..." class="form-control" placeholder="项目名称"> 通过id属性可以定位到元素，并且只有一个 $('#project_name') .val() 获取输入框的值却为空...可以尝试先定位父级元素，再定位输入框组合定位解决 $('#toolbar #project_name').val()

3.8K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

jquery的html,text,val

()---一般用在input上，而不用在其他元素，用来获取input或者是select的值 html()和text()可用在多种元素上，但是html()相当于依据源代码返回，也就是在返回的内容中会包含各种...2.有参text（val）：设置所有匹配元素的文本内容,与 html() 类似, 但将编码 HTML (将 "" 替换成相应的HTML实体).返回一个jquery对象 html页面代码： ] 最后，val（）属性中也有两个方法，一个有参，一个无参。 1.无参val（）：获得第一个匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素的值了。...在 jQuery 1.2, 这也可以为check,select,radio元件赋值,返回一个jquery对象 html页面代码： input type="text"/> ...jquery代码：$("input").val("hello world!")

2.5K5 0

jQuery的基本操作

jQuery代码 $("select option:selected") 结果 [selected="selected...返回p元素的内容 jQuery代码 $("p").html(); 参数val描述设置所有p元素的内容 jQuery代码 $("p").html("Helloworld!")...元素的index是："+n; }) 　　val([val|fn|arr]) //概述 //获得匹配元素的当前值 //jQuery 1.2中,可以返回任意的值了.包括select.如果多选,将返回一个数组...用于 check/select的值无参数描述获取文本框的值 jQuery代码 $("input").val(); 参数val描述: 设定文本框的值 jQuery代码 $("input")....val("hello world"); 回调函数描述设定文本框的值 jQuery代码 $(input : text.items").val(funcction(){ return this.value

8.8K2 0

03-老马jQuery教程-DOM操作(上）

不是false // 应对attr获取checked属性为undefined的问题，jQuery新增的prop方法 // 仅仅用于checked、selected、multiple、readOnly...$("p").text(function(n){ return "这个 p 元素的 index 是：" + n; }); 2.3 设置和读取表单元素的value属性val() 在 jQuery 1.2...此方法对象读取表单元素的value属性: $("input").val(); 设置表单元素的值: $("input").val("hello world!")...; 回调函数设置值 $('input:text.items').val(function() { return this.value + ' ' + this.className; }); 3....返回值是jQuery包装对象。

2.1K0 0

03-老马jQuery教程-DOM操作

3 4 input type="checkbox" checked name="ckb" id="ckb1"> input type="checkbox...$("p").text(function(n){ return "这个 p 元素的 index 是：" + n; }); 2.3 设置和读取表单元素的value属性val() 在 jQuery 1.2...此方法对象读取表单元素的value属性: $("input").val(); 设置表单元素的值: $("input").val("hello world!")...; 回调函数设置值 $('input:text.items').val(function() { return this.value + ' ' + this.className; });...返回值是jQuery包装对象。

1.9K5 0

学习jQuery？这篇文章就够了

注意：如果通过 jQuery 方法获取页面中元素，没有查找到，返回值不是 null，返回值为一个空数组 []，所以判断是否获取到元素，通过 jQuery.size() != 0 来判断。...1.2、元素选择器 Element，用法：$(“div”) 返回值元素集合。...1.3、类选择器 class，用法：$(”.myClass“) 返回值元素集合。...> .selected{background-color: gray;}style> head> input type="hidden...console.log($('option:selected').val()); }); script> 九、jQuery事件绑定 1、传统的事件绑定 1.1、标签中使用on事件属性 <button

13.6K1 0

【前端】：property OR attribute

var selected = $("input[name=degree]:checked").val(); console.log(selected); // 删除特定项 $(...", true); // 获取选中值 var selected = []; $("input[name=degree]:checked").each(function (index..., item) { selected.push($(this).val()); }); console.log(selected); // 追加项目 $... // 取值 var selected = $("select[name=single]").val(...); console.log(selected); // 选中某值 $("select[name=single]").val("doctor"); // ------

1.7K2 0

下拉菜单11+原生js获取select下拉框的selected的option项

方法（前提是已经加载了jquery库） 1:var options=$("#test option:selected"); //获取选中的项 2:alert(options.val()); /...当然这样写可能会比较麻烦，jquery为我们提供了更加方便的方法主要是用到了jquery中的选择器: var selectedOption = $("#selectBox option: selected..."); 然后直接使用val() 和 text() 方法： console.log(selectedOption.val(), selectedOption.text() ); 注意使用jQuery的方法...$("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中 jQuery添加...(注意中间没有空格) 3,复选框: $("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值 $("input[@type=checkbox

3.1K4 0

jQuery.prop , jQuery.attr ,jQuery.data

如果是多个的话返回第一个。...如果值没有设置过或者不存在匹配的元素的话返回空(如果存在这个prop的key，比如var val=$("#div1").prop("class")，alert出来就是空)或者undefined（不存在这个...如果想通过这个方法来改变一个input的type属性，是会抛出异常的。...val; }); //功能就是把checkbox的选中状态变了一下~~呵呵，又多了一种写法。如果在return上加判断，返回undefined就不改变。...selected 和 value这两个动态的attribute也同理。(jQuery网站上是这么讲的，但是试了一下，不明白啊。。

5K2 0

jQuery选择器大全(48个代码片段+21幅图演示)2

对象" class="item">DOM对象和jQuery对象 jQuery选择器大全" class="item-selected...需要大家注意的是，:fisrst和:last返回的都是单个元素，而:first-child和:last-child返回的都是集合元素。...举个例子：div:first返回的是整个DOM文档中第一个div元素，而div:first-child是返回所有div元素下的第一个元素合并后的集合。...alert($(':selected').val()); }); 外企 val()); }); */ }); 您的兴趣爱好： input type="checkbox" /

2.1K8 0

jQuery基础

标签 : $("input:checked") 3.1.6 表单属性选择器 :enabled :disabled :checked :selected ... selected="selected">Trees selected.../ console.log($("input:checked").length); // 2 // console.log($("option:selected").length);...// 只能默认选中一个,所以只能lenth:1 $("input:checked").each(function(){ console.log($(this).val())...) 扩展 jQuery 元素集来提供新的方法（通常用来制作插件）增加两个插件方法： input type="checkbox"> input type="checkbox"> input

2.5K6 0

与Ajax同样重要的jQuery（2）

.val()); }); // 打印城市 $("select[name='city'] option:selected").each(function(){ alert($(this).val());...3.jQuery选择器总结 ①：对象访问核心方法 each(function(){}) 遍历集合 size()/length属性返回集合长度 index() 查找目标元素是集合中第几个元素 ②：CSS...").val("广州"); $("input[name='gender']").val(['女']); }); 用户名 input type="text...设置 val控制radio select checkbox 选中 $("#city").val("广州"); $("input[name='gender']").val(['女']); 练习4： ² 输出所有...⑦：jQuery复制和替换 l 复制节点 $(“p”).clone(); 返回节点克隆后的副本，但不会克隆原节点的事件 $(“p”).clone(true); 克隆节点，保留原有事件 l 替换节点 $(

7.4K5 0

jquery操作select(取值，设置选中）

：之前$(".selector").find("option[text='pxx']").attr("selected",true);这种写法是错误的，目前个人证实input支持这种获取属性值的写法："...3、获取当前选中项的value $(".selector").val(); 4、获取当前选中项的text $(".selector").find("option:selected").text()...这在jquery中是非常简单的。...(4); // 设置Select的Value值为4的项选中 $("#select_id option[text='jQuery']").attr("selected", true); //设置Select...[name=items][checked]').val(); 2 获取select被选中项的文本 var item = $("select[name=items] option[selected

6.6K3 0

jQuery基础

jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。...: :enabled :disabled :checked :selected 例子： input name="email" disabled="disabled" /> input...)// 设置所有匹配元素的html内容文本值： text()// 取得所有匹配元素的内容 text(val)// 设置所有匹配元素的内容值： val()// 取得第一个匹配元素的当前值 val(val...)// 设置所有匹配元素的值 val([val1, val2])// 设置checkbox、select的值示例：获取被选中的checkbox或radio的值：女可以使用： $("input[name='gender']:checked").val() 属性操作用于ID等或自定义属性： attr

2.6K12 0

jquery操作select(取值，设置选中）

jquery操作select(取值，设置选中） 1....3、获取当前选中项的value $(".selector").val(); 4、获取当前选中项的text $(".selector").find("option:selected")...这在jquery中是非常简单的。...(4); // 设置Select的Value值为4的项选中 $("#select_id option[text='jQuery']").attr("selected", true); //设置Select...name=items][checked]').val(); 获取select被选中项的文本 var item = $("select[name=items] option[selected]").

9.9K2 0

JQuery选择器和JQuery包装集

而在JQUERY中则完全不同，JQUERY提供了异常强大的选择器用来帮助我们获取页面上的对象,并且将对象以JQUERY包装集的形式返回。 "$"符号在JQUERY中代表对JQUERY框架集的引用。...：.filter(function) $("input[type='checkbox']").parent().is("form")用一个表达式来检查当前选择的元素集合，如果其中至少有一个元素符合这个给定的表达式就返回...方法查找段落的父元素中每个类名为selected的父元素（带返回值true/false）：使用var flagValue = $("p").parent().is("select") 代替 $("p"...).parent(".selected") // 使用is()方法会有返回值，如果满足条件，则flagValue会为true; $("input").map(function(){}).get().join...).val();}).get().join(", ") ); 结果：在标签后追加字符串，其内容是取出所有input>标签的value值，并用“，”分隔，最后结果为： Values

4.4K2 0

jQuery中常用的函数方法总结

"/> input type="text" name="password" value="password"/> input type="text" name="url" value="http...如果元素没有相应属性，则返回 undefined 。在控制HTML标记上是必备的工具。...html()/html(val) HTML 代码: Hello jQuery 代码: $("div").html(); 结果: Hello...作用：取得或设置匹配元素的html内容，同类型的方法还有text()和val()。...="selected">Multiple Multiple2 selected="selected">Multiple3

2.5K4 0

JQuery碎碎念

{ js_array[i] = i; } 3.11使用元素前，先检查其是否存在 //检查id为myDiv的元素是否存在 if($("#myDiv").length) { } 3.12 函数总是返回...{ display: none; } .selected { background: red; } //javascript $("input:radio").click(function ()...{ $("input:radio").parent("label").removeClass("selected"); $(this).parent("label").addClass(...if ($this.val().length === 0) { $this.val(defaultVal); } }); }); 4.7 Email验证...: true }); $('input[type=submit], input[type=button]', this).each(function() { $(

6.1K3 0

Web阶段：第五章：JQuery库

="selected">辽宁北京 selected="selected">天津selected">辽宁北京 selected="selected">天津返回父元素 parents([expr]) 返回所有祖先元素 parentsUntil([exp|ele][,fil])1.6* 返回所有祖先元素直到满足表达式为止 prev...([expr]) 返回之前的那个元素 prevall([expr]) 返回之前所有的兄弟元素 prevUntil([exp|ele][,fil])1.6* 返回之前所有兄弟元素直到满足表达式为止 siblings...(); var emailText = $("#email").val(); var salaryText = $("#salary").val(); /

28.7K2 0

点击加载更多

Jquery控制input与selected

python测试开发django-186.使用 jquery 的 .val() 无法获取input框的输入值(已解决)

jquery的html,text,val

jQuery的基本操作

03-老马jQuery教程-DOM操作(上）

03-老马jQuery教程-DOM操作

学习jQuery？这篇文章就够了

【前端】：property OR attribute

下拉菜单11+原生js获取select下拉框的selected的option项

jQuery.prop , jQuery.attr ,jQuery.data

jQuery选择器大全(48个代码片段+21幅图演示)2

jQuery基础

与Ajax同样重要的jQuery（2）

jquery操作select(取值，设置选中）

jQuery基础

jquery操作select(取值，设置选中）

JQuery选择器和JQuery包装集

jQuery中常用的函数方法总结

JQuery碎碎念

Web阶段：第五章：JQuery库

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐