<html>
創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站制作、成都網(wǎng)站制作、河南網(wǎng)絡(luò)推廣、重慶小程序開發(fā)公司、河南網(wǎng)絡(luò)營(yíng)銷、河南企業(yè)策劃、河南品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供河南建站搭建服務(wù),24小時(shí)服務(wù)熱線:028-86922220,官方網(wǎng)址:jinyejixie.com
<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')//點(diǎn)表類,#表id 動(dòng)態(tài)設(shè)置input框長(zhǎng)度
}
</script>
</html>
本文名稱:JQuery動(dòng)態(tài)讓input跟著td寬度 增長(zhǎng) js文件
分享地址:http://jinyejixie.com/article32/pocpsc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動(dòng)網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、做網(wǎng)站、軟件開發(fā)、品牌網(wǎng)站制作、網(wǎng)站策劃
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)