将文本放入第二个输入

时间:2014-08-01 16:33:11

标签: javascript jquery html css

假设我有两个输入字段:

<input id="1"  value="A part of this text is hidden">
<input id="2">

如果输入文本长于输入宽度,我如何检查jquery,例如:

 <input id="1" value="A part of this text is hidden">

input的宽度为60px

和文字A part of this text is hidden宽度为100px

表示隐藏了40px文字。

如何检查文本是否被隐藏并自动将此文本放在第二个输入中,以便最后我的html看起来像这样:

<input id="1"  value="A part of">
<input id="2" value="this text is hidden">

小提琴:http://jsfiddle.net/Np3Lw/

1 个答案:

答案 0 :(得分:0)

我在这里得到了一个解决方案: IS:

 var str = $("#1").val(); //Get the first input value.

 if (str.length < 9) { //Check the length.
     alert("Size fits input field :" + str);
 } else {
     //To get the remaining characters.
     newstr = str.substr(10, str.length);
     $("#2").val(newstr); //Append to the second input field.
 }

<强> DEMO HERE >>