<form>
<select name="mySelect" multiple size="3">
<option>1
<option>2
<option>3
<option>4
<option>5
<option>6
<option>7
<option>8
<option>9
</select>
<input type="button" value="Get Selected" onClick="getSelected(this.form.mySelect)">
</form>
<script language="JavaScript"><!--
var selects = new Array();
function getSelected(select) {
for (var i=0, j=0; i<select.options.length; i++) {
if (select.options[i].selected) {
selects[j++] = select.options[i].text;
}
}
var output = '';
for (var i=0; i<selects.length; i++) {
output += selects[i] + '\n';
}
alert(output);
}
//--></script>
<select name="mySelect" multiple size="3">
<option>1
<option>2
<option>3
<option>4
<option>5
<option>6
<option>7
<option>8
<option>9
</select>
<input type="button" value="Get Selected" onClick="getSelected(this.form.mySelect)">
</form>
<script language="JavaScript"><!--
var selects = new Array();
function getSelected(select) {
for (var i=0, j=0; i<select.options.length; i++) {
if (select.options[i].selected) {
selects[j++] = select.options[i].text;
}
}
var output = '';
for (var i=0; i<selects.length; i++) {
output += selects[i] + '\n';
}
alert(output);
}
//--></script>
本文提供了一个使用HTML和JavaScript实现的选择框示例。通过按钮点击事件获取用户在下拉选择框中选择的项,并弹窗显示所选项。适用于前端开发初学者实践。
1万+

被折叠的 条评论
为什么被折叠?



