name是input标签的属性值,jQuery提供了attr() 方法用于设置/改变属性值
$("input:text")attr("name");
$("input:text")prop("name"); // 也可以使用prop()方法获取属性
示例代码如下
创建Html元素
<div class="box">
<span>点击按钮获取文本框的name属性值:</span><br>
<div class="content">
<input type="text" name="test" value="这个文本框的name属性值为test">
</div>
<input type="button" class="btn" value="获取文本框name值">
</div>
设置css样式
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代码
$(function(){
$("input:button")click(function() {
alert($("input:text")attr("name"));
});
})
servlet 里,获取的,都是form里的数据,只要你把想要被后台服务器获取的值写在form里,但必须是表单数据,如:<input type="text" name="inputText" value=""/> ,后台:requestgetParameter("inputText");即可得到value的值。
span是无关紧要的。
将这个js(jquery-getHtml-valuejs)文件引入到你的页面中,将$("#ImageButton1")html()替换成$("#ImageButton1")formhtml (),具体代码:如下
(function($) {
var oldHTML = $fnhtml;
$fnformhtml =function() {
if (argumentslength) return oldHTMLapply(this,arguments);
$("input,textarea,button", this)each(function() {
thissetAttribute('value',thisvalue);
});
$(":radio,:checkbox", this)each(function() {
if (thischecked) thissetAttribute('checked', 'checked');
else thisremoveAttribute('checked');
});
$("option", this)each(function() {
if (thisselected) thissetAttribute('selected', 'selected');
else thisremoveAttribute('selected');
});
return oldHTMLapply(this);
};
})(jQuery);
用一个for循环遍历List时,不能删除其中的元素。
用Iterator *** 作即可。
还有 Pro类要重写一下 toString方法。这样Systemoutprintln里才能打印出来。
import javautil;
public class ListTest {
public static void main(String[] args) {
List<Pro> list = new ArrayList();
Pro p1 = new Pro("1000","1000");
Pro p2 = new Pro("1001","1002");
Pro p3 = new Pro("1003","1004");
Pro p4 = new Pro("1005","1006");
listadd(p1);
listadd(p2);
listadd(p3);
listadd(p4);
for (Iterator<Pro> i = listiterator(); ihasNext();) {
Pro o = inext();
if(ogetProid()equals(ogetProName())){
iremove();
}
}
Systemoutprintln(list);
}
}
class Pro{
private String proid;
private String proName;
public String getProid() {
return proid;
}
public void setProid(String proid) {
thisproid = proid;
}
public String getProName() {
return proName;
}
public void setProName(String proName) {
thisproName = proName;
}
public Pro(String proid, String proName) {
super();
thisproid = proid;
thisproName = proName;
}
public Pro() {
}
public String toString() {
return proid + ":" + proName;
}
}
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Ball</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-180minjs"></script>
<script type="text/javascript">
$ (function ()
{
$ ("span")click (function ()
{
alert ($ (this)attr ("id"));
})
$ ("button")click (function ()
{
alert ($ (this)closest ("divprofile-info-row")find ("editable")attr ("id"));
})
});
</script>
</head>
<body>
<div class="profile-info-row">
<div class="profile-info-name">联系电话</div>
<div class="profile-info-value">
<span class="editable" id="uMobile">1111111111111 </span>
</div>
<div>
<button>test</button>
</div>
</div>
</body>
</html>
方法1:
var d = documentcreateElement("div");
dinnerHTML = '<tr><td class="ppprod_lefttd ppprod_cell">上次余额:</td><td class="ppprod_confirm ppprod_cell" id=""><span name="item22" id="item22" delim="" class="" >11474</span> </td></tr>';
alert(dgetElementsByTagName("span")[0]innerText);
用正则
var str = '<tr><td class="ppprod_lefttd ppprod_cell">上次余额:</td><td class="ppprod_confirm ppprod_cell" id=""><span name="item22" id="item22" delim="" class="" >11474</span> </td></tr>';
alert(strmatch(/^>(\d+(\\d+))<$/)[1]);
Servlet的java文件中只能获取到3大域的值即sesssion、request、application三大域。所以想要获取页面span的值,必须在页面中将需要传递的值通过三大域的SetAttribute方法来添加到三大域范围中,这样就可以将页面中span的值传递到Servlet的java文件中。其中页面拥有page域,并称四大域。
以上就是关于jquery 怎么获取name全部的内容,包括:jquery 怎么获取name、servlet中如何取span中的值、span标签中有一个input标签,用jquery获取span中的html内容,却获取不到在input中输入的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)