18.6.htm

来自「精通JavaScript动态网页编程(书)」· HTM 代码 · 共 40 行

HTM
40
字号
<html>
<head><title>多项选择控件示例</title></head>
<body>
<form name=form1>
<center>
<h1>多项选择控件示例</h1>
<h7>请选择列表中的多项</h7>
<br><br>
<textarea name=Textarea cols=20 rows=10></textarea>
<br><br>
<select name=Select1 onChange=selectionMade() MULTIPLE>
<option>Selection 1
<option>Selection 2
<option>Selection 3
<option>Selection 4
<option>Selection 5
</select>
</center>
</form>
</body>
<script language=javascript>
<!--
function selectionMade()
{
//document.form1.Textarea.value="";//若保留此行代码,则只显示最后一次选择的结果
with(document.form1.Select1)
{
for(var loop_index=0;loop_index<length;loop_index++)
{
if(options[loop_index].selected)
{
document.form1.Textarea.value+=options[loop_index].text+"\n\r";
}
}
}
}
//-->
</script>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?