通过 val() 方法从 textarea 元素中取得的值是不含有回车（\r）字符的。但是如果该值是通过 XHR 传递给服务器的，回车（\r）字符会被保留（或者是被浏览器添加的，但是在原始数据中并不包含回车（\r））。可以使用下面的 valHook 方法解决这个问题：
别说排版和符号了，JAVA这软件就这样乱！
attr(name|properties|key,value|fn)
参数
nameStringV10
属性名称
properties MapV10
作为属性的“名/值对”对象
key,value
String,ObjectV10
属性名称，属性值
key,function(index, attr)
String,FunctionV11
1:属性名称。
2:返回属性值的函数,第一个参数为当前元素的索引值，第二个参数为原先的属性值。
参数name 描述:
返回文档中所有图像的src属性值。
jQuery 代码:
$("img")attr("src");
需要知道这个标签是什么,然后使用名字来定位例如
<input
name='username'
value='enozoomcom'
/>
我们来获取这个name为username的value值
$(function(){
alert($("input[name='username']")val())
})
var arr = [];\x0d\var $test = $("input[name=test]");//假设name为test\x0d\for(var i=0;i回答于 2022-11-16
1、新建一个html文件，命名为testhtml。
2、在testhtml文件内，分别在p标签内，使用input标签创建文本输入框，用于内容的输入。
3、在testhtml文件内，给每个input元素设置class属性，统一设置为myput，主要用于下面一次性获得所有的input对象。
4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取多个value值”，给button按钮绑定onclick点击事件，当按钮被点击时，执行getinput（）函数
5、在js标签中，创建getinput()函数，在函数内，定义一个空的arr数组，用于保存多个value值。同时，通过类名获得input对象，使用each()方法遍历所有的input对象，每次遍历，执行function()方法。
6、在function()方法内，使用val()方法获得input的value值，并使用push()方法将value值存进arr数组中，最后，使用alert()方法将数组输出来。
根据多选框name来获得选中的值可用如下 jquery代码实现
$("input:checkbox[name='test']:checked")each(function() { // 遍历name=test的多选框$(this)val(); // 每一个被选中项的值
});
实例演示：给出两组多选框，点击按钮后分别获得两组中被选择的项目
示例代码如下
创建Html元素
<div class="box"><span>请输入用户名，限定字母、数字或下划线的组合：</span><br>
<div class="content">
<span>水果：</span><br>
<input type="checkbox" name="fruit" value="梨子"/>梨子
<input type="checkbox" name="fruit" value="李子"/>李子
<input type="checkbox" name="fruit" value="栗子"/>栗子
<input type="checkbox" name="fruit" value="荔枝"/>荔枝<br>
<span>蔬菜：</span><br>
<input type="checkbox" name="vegetable" value="青菜"/>青菜
<input type="checkbox" name="vegetable" value="萝卜"/>萝卜
<input type="checkbox" name="vegetable" value="土豆"/>土豆
<input type="checkbox" name="vegetable" value="茄子"/>茄子
</div>
<input type="button" value="提交">
</div>
设置css样式
divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}divbox span{color:#999;font-style:italic;}
divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
input[type='checkbox']{margin:5px;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
编写jquery代码
$(function(){// 设置属性值
$("input:button")click(function() {
var fruit = "";
var vegetable = "";
$("input:checkbox[name='fruit']:checked")each(function() {
fruit += $(this)val() + " ";
});
$("input:checkbox[name='vegetable']:checked")each(function() {
vegetable += $(this)val() + " ";
});
alert("已选择水果："+fruit+"，已选择蔬菜："+vegetable);
});
})
观察效果
name是input标签的属性值，jQuery提供了attr() 方法用于设置/改变属性值
1
2
$("input:text")attr("name");
$("input:text")prop("name"); // 也可以使用prop()方法获取属性
示例代码如下
创建Html元素
1
2
3
4
5
6
7
<div class="box">
<span>点击按钮获取文本框的name属性值：</span>
<div class="content">
<input type="text" name="test" value="这个文本框的name属性值为test">
</div>
<input type="button" class="btn" value="获取文本框name值">
</div>
设置css样式
1
2
3
4
5
divbox{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}
divbox>span{color:#999;font-style:italic;}
divcontent{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
input[type='text']{width:200px;height:30px;border:none;}
input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}
编写jquery代码
1
2
3
4
5
$(function(){
$("input:button")click(function() {
alert($("input:text")attr("name"));
});
})
1、$("form :input") 返回form中的所有表单对象，包括textarea、select、button等
2、 $("form input")返回form中的所有input标签对象
3、form input 是属于层级选择器(将每一个选择器匹配到的元素合并后一起返回)
4、form :input是属于表单选择器(匹配所有<input>、<textarea>、<select>、<button>元素)
jquery怎么取得form表单的url路径，并提交；
<script type="text/javascript"> function uimage monkeyuploadFile"h",type:"image"function(path) alert(path);
$("#ren")append("<img src=" + "/Images/Upload/" + path + id='sctp'style='width:500px;height:500px'/>");
</script></head><body> <input type="file" name="h" id="h" onchange="uimage;"/> <div id="ren"></div></body>
扩展资料
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。
jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。
jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。
参考资料
jQuery-百度百科
以上就是关于jquery 如何匹配某个name值的select元素全部的内容，包括:jquery 如何匹配某个name值的select元素、jquery中怎么获取name属性、jquery中怎么根据name属性定位一个元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）