1

テキスト領域のサイズを変更する方法を教えてください。実際の問題は、ボタンのクリック時にポップアップ画面を開くことです。ポップアップ画面には、テキスト領域が 1 つあります (小さな領域があります)。

<textarea cols="40" rows="8" name="textarea-12" id="text-12" class="caseTextArea_h" autocorrect="off"></textarea>

そのテキスト領域に多くの文字を書き、それを閉じます。再びこれを開くと、閉じる前と同じエリア（広いエリア）がありますか？同じ開始サイズで始まるようにそのテキスト領域のサイズを変更する方法。

私のコード:

<div data-role="popup" id="CaseInformationScreen" data-close-btn="none" data-overlay-theme="a" data-dismissible="false">
    <div data-role="header" data-theme="b"> <a href="#" data-role="button" data-corners="false" id="Cancel">Cancel</a>
         <h1>Case Information</h1>
         <a href="#" data-role="button" data-corners="false" id="AddButton">Add</a>
    </div>
    <div data-role="content">
        <div>
            <img src="img/Documents.png" />
        </div>
        <div data-role="fieldcontain">
            <label for="text-12" style="text-align:top;margin-left: 0px;">Case Name:</label>
            <input name="text-12" id="text-12" value="" type="text" class="caseName_h" autocorrect="off">
        </div>
        <div data-role="fieldcontain">
            <label for="caseDate" style="text-align:left;margin-left: 0px;">Case Date:</label>
            <input name="caseDate" id="caseDate" value="" type="date" class="caseDate_h">
            <!--input name="mydate2" id="mydate2" type="date" data-role="datebox" class="caseDate_h" data-options='{"mode": "calbox","useNewStyle":true,"zindex":1200}'/-->
        </div>
        <div data-role="fieldcontain">
            <label for="textarea-12">Case Notes :</label>
            <textarea cols="40" rows="8" name="textarea-12" id="text-12" class="caseTextArea_h" autocorrect="off"></textarea>
        </div>
    </div>
</div>
4

2 に答える 2

2

作業例: http://jsfiddle.net/Gajotres/7JqRG/3/

このCSSを使用してください：

#text-12 {
    width: 100% !important;
    height: 50px !important;
    max-height: 50px !important;
}

テキストエリアの高さをロックします。デフォルト値をオーバーライドするには、!important を使用する必要があります。

于 2013-07-19T09:02:03.677 に答える
0 
$('#text-12').css('width','whatyouwant');

また

$('#text-12').attr('cols','whatyouwant'); //for the width
$('#text-12').attr('rows','whatyouwant'); //for the height
于 2013-07-19T08:30:26.333 に答える