Javascript 如何在HTML下拉列表中显示复选框？_Javascript_Jsp_Checkbox

Javascript 如何在HTML下拉列表中显示复选框？

javascript jsp checkbox

Javascript 如何在HTML下拉列表中显示复选框？,javascript,jsp,checkbox,Javascript,Jsp,Checkbox,我需要用复选框填充下拉列表（HTML）。我曾尝试使用标记并在JSP页面中应用一些样式来显示这样的列表，但它显示的列表类似于列表框。下面是JSP页面中的代码以及Javascript，当单击页面上的唯一按钮时，它只会提醒已检查的语言列表 <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:

我需要用复选框填充下拉列表（HTML

）。我曾尝试使用

标记并在JSP页面中应用一些样式来显示这样的列表，但它显示的列表类似于列表框。下面是JSP页面中的代码以及Javascript，当单击页面上的唯一按钮时，它只会提醒已检查的语言列表

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Check box list</title>
</head>

<script type="text/javascript" language="javascript">
    function selectCheckBox()
    {
        var total="";
        for(var i=0; i < document.form.languages.length; i++)
        {
            if(document.form.languages[i].checked)
            {
                total +=document.form.languages[i].value + "\n";
            }
        }
        if(total=="")
        {
            alert("select checkboxes");
        }
        else
        {
            alert("Selected Values are : \n"+total);
        }
    }
</script>

<body>
    <form id="form" name="form" method="post" action="CheckBox.jsp">
        <div style="overflow: auto; width: 100px; height: 80px; border: 1px solid #336699; padding-left: 5px">
            <input type="checkbox" name="languages" value="English"> English<br>
            <input type="checkbox" name="languages" value="Hindi"> Hindi<br>
            <input type="checkbox" name="languages" value="Italian"> Italian<br>
            <input type="checkbox" name="languages" value="Chinese"> Chinese<br>
            <input type="checkbox" name="languages" value="Japanese"> Japanese<br>
            <input type="checkbox" name="languages" value="German"> German<br>
        </div>

        <br/><input type="button" name="goto" onClick="selectCheckBox()"value="Check">
    </form>
</body>


复选框列表
函数selectCheckBox（）
{
var total=“”；
for（var i=0；i
印地语

意大利语

中文

日语

德语

它只显示一个语言列表，如下面的快照所示

我需要的是将此语言列表显示为下拉列表（而不是列表框）。我怎样才能做到这一点呢？

这里有一个链接，指向一个好的库

有一些很好的测试用例

此外，这里还有一些例子，。

我希望我没有真的迟到：）

看看这个：

比如，@JoeTuskan你真的应该把这个作为答案。Bhavesh，Joe在评论中说的是，普通的旧HTML无法做到这一点……你必须使用一些JavaScript向导……一些好人已经完成了大部分工作，并在Joe提供的链接中与全世界分享了这一点。很好的回答，不幸的是：“DDCL V1.4与jQuery 1.8不兼容”@Sebastian可以很好地使用

jquery/1.10.2

和

jqueryui/1.10.3

。