您好,登录后才能下订单哦!
<html>
<head>
<script type="text/javascript" src="admin/js/jquery.min.js"></script>
<body>
<table id="c1" width="98%" border="1px" cellspacing="0" cellpadding="0" >
<tr>
<td><input name="t1" value="aa1" /></td>
<td id="c2">2</td>
<td>3</td>
</tr>
<tr>
<td><input class="test1" id="test1" border="1px" onkeypress="demo1()" type="text" /></td>
<td><input class="test1" id="test2" onkeypress="demo1()" type="text" /></td>
<td><input class="test1" id="test3" onkeypress="demo1()" type="text" /></td>
</tr>
<tr>
<td>dd</td>
<td>dd</td>
<td>dd</td>
</tr>
<tr>
<td>dd</td>
<td>dd</td>
<td>dd</td>
</tr>
</table>
</body>
<script>
//jQuery代码
function demo1() {
//var dd = document.getElementsByName('t1')[0].value;//通过名字,得到input中值,遍历是从0开始的
//var testLength = document.getElementById('test1').value.length;
var testLength = document.getElementById("c1").rows[0].cells[0].offsetWidth; //表格中id,table中第一行 第一列
alert("宽度为:" + testLength);
$('.test1').css('width', testLength*5 + 'px')//点表类,#表id 动态设置input框长度
}
</script>
</html>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。