-
jquery如果获取重复ID的input的值3
假如有这样一个表单:
<input name="a" id="a" value="a" >
<input name="a" id="a" value="b" >
<input name="a" id="a" value="c" >
<input name="a" id="a" value="d" >
<input name="a" id="a" value="e" >
如果用jquery获取所有的值。
我输出结果:$("#a").size() 为1
var result=""
$("#a").each(function(){
result=result+ $(this).val();
});
也只能取得第一个值,请大家帮忙看看有什么办法解决?
2010年8月22日 17:31
3个答案 按时间排序 按投票排序
-
采纳的答案
$('input[name="a"]').each(function(){ result=result+ $(this).val(); });
2010年8月23日 08:58
-
class可以重复的呵呵
<input name="a" class="a" value="a" >
<input name="a" class="a" value="b" >
<input name="a" class="a" value="c" >
<input name="a" class="a" value="d" >
<input name="a" class="a" value="e" >
var inputs=$(".a");2010年8月22日 22:07
-
重复ID的input 是不合理的!
可能会报错的!
你可以使用 document.getElementsByName(name);
这样返回的事一个数组或者 jQuery的方法也行!2010年8月22日 20:59
相关推荐
1. **获取input元素**:在jQuery中,我们可以使用ID选择器 $('#ID') 来选取具有特定ID的元素。这里的'ID'应替换为具体的目标元素ID。需要注意的是,使用ID选择器选取元素时,页面中不应该存在ID重复的情况,因为ID...
在实际应用中,jquery.tagsinput-revisited.js通过Ajax请求可以从服务器获取自动完成的建议列表,用户只需输入部分关键词,插件就会自动匹配并显示相关标签。这在处理分类、关键字输入等场景下非常实用,例如在社交...
- **HTML结构**:创建一个input元素,并添加必要的class或id以便于jQuery选择器找到它。 - **CSS样式**:定义标签的样式,包括颜色、边框、内边距等,以满足视觉需求。 - **jQuery代码**:通过监听input事件,当...
// 在需要获取其他值的地方重复此代码 // ... ?> ``` 这种方法适用于`<input>`的`name`属性和PHP的`$_REQUEST`数组顺序一致的情况。然而,如果顺序不一致,可能会导致数据混乱,因此在实际应用中需谨慎处理。 在...
这段代码监听了输入框的keyup事件,当用户按下回车键时,会获取输入框中的值,并将其作为一个新的标签添加到容器中。如果输入框为空,则不执行任何操作。这展示了jQuery如何轻松地与DOM元素交互并响应用户输入。 ...
在验证重复用户名的例子中,我们可能会选择用户输入的用户名字段,如`$("#username")`,这个ID选择器用于选取具有特定ID的元素。 接着,我们需要监听用户的输入事件。JQuery中的`.on()`方法可以用来绑定事件处理...
本篇文章将深入探讨如何使用jQuery通过`name`属性来获取对应的`value`值,并展示一些相关的DOM操作技巧。 首先,让我们关注核心问题:如何使用jQuery通过`name`名称获取`value`值。在HTML中,`name`属性通常用于...
在使用jQuery进行网页开发时,经常会遇到需要对表格中的数据进行验证的场景,其中比较常见的就是判断表格中同一列不同行的input输入框内的数据是否存在重复。这样的功能可以确保用户输入的数据是唯一的,避免因数据...
例如,如果你有一个ID为"username"的输入框,你可以这样设置: ```javascript $("#username").focus(); ``` 接着,我们来讨论“智能提示”。在用户输入信息时,提示信息可以帮助用户理解字段要求,例如密码强度、...
- 获取值:`$("input").val()` - 设置值:`$("input").val("新值")` #### 五、集合处理功能 jQuery 提供了许多便捷的方法来处理元素集合,无需手动遍历这些元素。 - `each()`:用于遍历每个匹配的元素,并执行...
<input type="text" id="phoneNumber" placeholder="请输入手机号"> <button id="getSmsCode">获取验证码 ``` 这里的`<button>`是用于触发获取验证码的元素,它的ID是`getSmsCode`。 **jQuery部分:** ```...
当用户按下回车键时,我们将获取input的值,并将其作为一个新的标签添加到页面上。同时,为了防止重复标签,我们还需要检查新标签是否已经存在: ```javascript $(document).ready(function () { var tagContainer...
”就可以获取ID为id的HTML元素的值。jQuery中的常用方法包括“append()”,“prepend()”,“after()”,“before()”,“remove()”等,这些方法用于在元素内部或周围添加、删除内容。 知识点三:事件处理 事件是...
<input type="file" id="inputImage"> <img id="image" src="" alt="图片"> <div class="preview"></div> $(function() { var $inputImage = $('#inputImage'); var $image = $('#image'); var $preview =...
`$('#comment-form').on('submit', function(event) {...})`监听表单的提交事件,当用户点击提交按钮时,阻止默认的表单提交行为,并获取表单字段的值。接着,我们创建一个新的HTML片段表示一条评论,将其添加到`#...
jQuery提供了多种方法来获取和检查表单字段的值,如`val()`用于获取输入值,`trim()`用于去除首尾空格,`length`用于检查长度。此外,可以使用`if...else`语句进行条件判断,确保用户名和评论内容不为空。 四、Ajax...
在本文中,我们将深入探讨如何使用jQuery来实现一个功能丰富的输入框,用户可以在其中通过回车键添加标签,同时支持预设标签的选择、显示和删除,并能有效防止标签的重复添加。这个功能常用于博客系统、论坛或者社交...
<input type="text" id="search-input" /> $(document).ready(function() { $("#search-input").flexdatalist({ searchIn: "value", valueProperty: "id", textProperty: "name", data: [{"id":1,"name":...
5. **属性操作(Attribute Handling)**: 可以获取或设置元素的属性,如`$("input").attr("value", "Hello")`设置输入框的值。 ### 二、jQuery函数与方法 1. **$(document).ready()**: 页面加载完成后执行的函数,...