本文介绍如何使用JavaScript实现文本域字体大小的动态选择功能。通过监听下拉菜单的onchange事件,获取用户选择的字体大小值,并将其应用到文本域元素的style.fontSize属性中,从而实时改变文本显示大小。
HTML结构定义
<title>文本框字体选择</title> <select id='fontslt' onchange='NYSfont()'><option>选择字体 </select> <textarea id='readcontent' rows="15" cols="100">这里的字体会跟着你的选择而变化</textarea>注意:[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]