怎么获取input中的值?

sw245711601 2011-09-06 10:21:52

<table height="50" border="1" align="center" cellspacing="0" id="table">


<tbody id="tab" >
<c:forEach items="${pageModel.list}" var="testorder">
<tr>

<td style="width: 120px;" class="name" >${ testorder.name}</td>
<td style="width: 120px;" class="guige" >${ testorder.kind}</td>
<td style="width: 120px;" class="type" >${ testorder.type}</td>
<td style="width: 80px;" class="unit" >${ testorder.unit}</td>
<td style="width: 80px;"> <input type="text" style="width: 80px;" class="number" id="number" value="${testorder.number}"/></td>
<td style="width: 250px;" class="remark1">${testorder.remark1}</td>
<td style="width:90px;"><input name="btnAdd" class="button1" type="button" id="btnAdd" value="<bean:message key="fanfull.button.submit"/>" onClick="addtestorder(this)" >| <input name="btnAdd" class="button1" type="button" id="btnAdd" value="<bean:message key="fanfull.button.submit"/>" onClick="deltestorder(this)" ></td>
</tr>

</c:forEach>
</tbody>



值是数据库加载的!
我想获得对应行的文本框 number的值!

<td style="width: 80px;"> <input type="text" style="width: 80px;" class="number" id="number" value="${testorder.number}"/></td>



我之前在这里问了
有朋友的答案

<script>
function addtestorder(elm){
var tr = elm.parentNode || elm.parentNode.parentNode;
var inps = tr.getElementsByTagName('tr');

for(var i = 0; i < inps.length; i++){
alert(inps[i].value)
}
}



在IE下获取不到文本框(input)的值!能获取到两个按钮的
但是在ff下能获取全部的!
求在IE下获取文本框的值的方法?

...全文
356 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
巧巧 2011-09-06
  • 打赏
  • 举报
回复
$("table").each(function(i){
$(this).find("input").val();
})
BLUE_LG 2011-09-06
  • 打赏
  • 举报
回复
jquery兼容性好,可以一试。。。
光曰不日 2011-09-06
  • 打赏
  • 举报
回复
jquery:

$('#tab :text:.number').val() 或者 $('#tab .number').val() 或者 $('#number').val()
niuniu20008 2011-09-06
  • 打赏
  • 举报
回复
 element.parentNode XMLElement 父节点
 element.childNodes Array 子节点
 element.firstChild XMLElement 第一个子元素
 element.lastChild XMLElement 最后一个子元素
 element.nextSibling XMLElement 下一个同一级别的兄弟节点
 element.previousSibling XMLElement 上一个同一级别的兄弟节点
有是换行也是一个节点
niuniu20008 2011-09-06
  • 打赏
  • 举报
回复
你事点击btnAdd按钮后获取吗?
如果是这样的话,思路是<td ..><input type="text" id="number">的这个td是按钮所在的td的兄弟节点
我是IE9浏览器,没有贴代码的那种格式。所以只能这么贴代码了。
<td><input type="button" id="btnAdd" onlick="addtestorder(this)"/></td>
function addtestorder(tag){// 这个tag是
var tdBtn = tag.parentNode;// 获取按钮所在的td标签对象
var tdRemark1 = tbBtn.previousSibling.previousSibling;//previousSibling是上一个同一级别的兄弟节点,回车也是一个节点
var tdNumber = tdRemark1.previousSibling.previousSibling;
var inputTag = tdNumber.firstChild;
var value = inputTag.value;
}
楼主可以试试
了無痕 2011-09-06
  • 打赏
  • 举报
回复
用Jquery就好處理多了
MuBeiBei 2011-09-06
  • 打赏
  • 举报
回复
<script>
function addtestorder(elm){
var tr = elm.parentNode.parentNode
var inps = tr.getElementsByTagName('input');

for(var i = 0; i < inps.length; i++){
if(inps[i].type == 'text')
alert(inps[i].value)
}
}
</script>


改成这样就行了~·

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧