JS控制Text的问题

wcl_friend 2010-08-09 09:59:26

本来是用input标签去做数据显示的，但是有的时候数据很长，不能完整的显示，如果把它设的长一点又会影像我整理的布局，有什么方法可以通过文本框内数据的长度去设置标签的长度呢？要求可以正好把数据全部显示的。

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<script type="">
function autoSize(A){
A.size = 40;
}
function autoBack(A){
A.size = 20;
}
</script>

<BODY>
<table border="1"><tr>
<td>
<input type="text" value="我饿就是快乐的房间哦撒就是哦减肥撒哦接哦"
onmouseover="autoSize(this);" onmouseout="autoBack(this);" size="20">
</td><td>
<input type="text" value="我饿就是快乐的房间哦撒就是哦减肥撒哦接哦"
onmouseover="autoSize(this);" onmouseout="autoBack(this);" size="20">
</td>
</tr></table>
</BODY>
</HTML>

...全文

53 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

wcl_friend 2010-11-26

打赏
举报

<HEAD>

  <TITLE> New Document </TITLE>

 </HEAD>

 <script type="">

function autoSize(A){

A.size = 40;

}

function autoBack(A){

A.size = 20;

}

 </script>



 <BODY>

  <table border="1"><tr>

  <td>

<input type="text" value="我饿就是快乐的房间哦撒就是哦减肥撒哦接哦"  

onmouseover="autoSize(this);" onmouseout="autoBack(this);" size="20">

  </td><td>

  <input type="text" value="我饿就是快乐的房间哦撒就是哦减肥撒哦接哦"  

onmouseover="autoSize(this);" onmouseout="autoBack(this);" size="20">

  </td>

  </tr></table>

 </BODY>

</HTML>

wcl_friend 2010-08-10

打赏
举报

OK，要的就是这种结果，谢谢了！

cectsky 2010-08-09

打赏
举报



试试



<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

 </HEAD>

 <script type="">

function autoSize(A){

var size=0;

for(var i=0;i<A.value.length;i++){

	if((A.value.charCodeAt(i)>=0)&&(A.value.charCodeAt(i)<=255))

		size+=1;

	else 

		size+=2;

}

A.size=size;

}

function autoBack(A){

A.size = 20;

}

 </script>



 <BODY>

  <table border="1"><tr>

  <td>

<input type="text" value="我饿就是快乐的房间哦撒就是哦减肥撒哦接哦"  

onmouseover="autoSize(this);" onmouseout="autoBack(this);" size="20">

  </td><td>

  <input type="text" value="我饿就是快乐的房间哦撒就是哦减肥撒哦接哦"  

onmouseover="autoSize(this);" onmouseout="autoBack(this);" size="20">

  </td>

  </tr></table>

 </BODY>

</HTML>