0

これをhtmlまたはJS（またはjqueryでさえも）で行うことができないようです。

ページの下部にある入力ボックスに入力されたものをエコーするテキストボックスがあります。このエコー ボックスは、テキストの後にこの巨大な空白スポットがないように、内部のテキストに合わせて自動調整する必要があります。

挿入されたテキストに入力フィールドを自動調整する方法はありますか?

4

1 に答える 1

1

次のようなものを探していると思います: http://jsfiddle.net/ener3/

$("#in").keyup(function(){
  var tmp = $("<span>")
            .text(this.value)
            .css("font", $("#out").css("font"))
            .appendTo("body"),
      wid = tmp.width();
  tmp.remove();

  $("#out").val(this.value).width(wid);
});

は#in入力の ID で、#out自動サイズ設定するテキスト ボックスです。

これを次のようにページの先頭に追加できます。

<script type="text/javascript">
$(function(){
    // paste the above code here
});
</script>

jQuery インクルードの後に​​ script タグを追加してください。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

1.8.3対象とする jQuery のバージョンに置き換えることができます。jQuery-latest を使用して開始することはお勧めしません。該当する場合は非推奨になる可能性を考慮しなければならないからです。

于 2013-01-16T19:19:48.890 に答える