HTMLのコンボボックスとテキストボックスがあり、コンボボックスから任意の数値を選択すると、必要なテキストを入力できます。テキストボックス内のテキストのサイズは、それに応じて変更されます。これを行う方法を教えてください。
前もって感謝します
jQueryを使用してコードを単純化できます
HTMLコード:
<input type="text" value="Sample Text" id="txtBox" name="name">
<br>
<select id="fontSizeDD">
<option value='12'>12</option>
<option value='14'>14</option>
<option value='16'>16</option>
<option value='18'>18</option>
<option value='20'>20</option>
<option value='22'>22</option>
<option value='24'>24</option>
<option value='26'>26</option>
</select>
jQueryコード:
$(function(){
$("#fontSizeDD").change(function(){
$("#txtBox").css("font-size",$(this).val() + "px");
})
});
純粋なJavaScriptソリューション
var fontSizeDD = document.getElementById('fontSizeDD');
fontSizeDD.onchange = function () {
var txtBox = document.getElementById("txtBox")
txtBox.style.fontSize = this.value +"px";
};
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加