Javascript特效之取得多选按钮的值
我们在网页表单中有可能会用到下拉选项,有可能会是需要同时选多个,今天来看看怎么实现选多个值。
效果图:
选中多个后点击查看即可看到选中的值都可以输出。
实现思路:
这个其实是用到表单提交的功能。获取表单的select选中的值然后再循环select选中的值即可。
js代码:
function reportMultiple()
{
var options_string = "";
var the_select = window.document.form_1.list_1;
for (loop=0; loop < the_select.options.length; loop++)
{
if (the_select.options[loop].selected == true)
{
options_string += the_select.options[loop].text + " ";
}
}
alert("you selected: " + options_string);
}