从下拉菜单

时间:2015-07-10 17:29:41

标签: html drop-down-menu href url-parameters

这可能是一个基本问题,但我无法找到解决方案。 我有两个下拉。我想将第二个下拉列表中的url参数追加到第一个,我无法做到。这是一个例子。

当我从dropdown1中选择SUB11时,参数会像这样

附加在URL中
http://localhost:8080/test/testing.html?par1=sub11

现在当我从dropdown2中选择SUB21时,这就是我得到的(不是我想要的)

http://localhost:8080/test/testing.html&par2=sub21

但是我想这就是这个,附加到已经存在的url参数。

http://localhost:8080/test/testing.html?par1=sub11&par2=sub21

我认为它与dropdown2中的href有关,我不知道该如何设置它。请帮忙。

 <ul>
        <li>
            <a href="#">Menu 1</a>
            <ul class="dropdown">
                <li><a href="?par1=sub11">SUB11</a></li>
                <li><a href="?par1=sub12">SUB12</a></li>
                <li><a href="?par1=sub13">SUB13</a></li>
            </ul>

        </li>
         <li>
            <a href="#">Menu 2</a>
            <ul class="dropdown">
                <li><a href="&amp;par2=sub21">SUB21</a></li>
                <li><a href="&amp;par2=sub22">SUB22</a></li>
                <li><a href="&amp;par2=sub23">SUB23</a></li>
            </ul>

        </li>
    </ul>  

2 个答案:

答案 0 :(得分:1)

理想情况下,您可以创建HTML表单并使用<select>元素。

<form method="get">
<select name="menu-1">
    <option value="SUB11">SUB11</option>
    <option value="SUB12">SUB12</option>
    <option value="SUB13">SUB13</option>
</select>
<select name="menu-2">
    <option value="SUB21">SUB21</option>
    <option value="SUB22">SUB22</option>
    <option value="SUB23">SUB23</option>
</select> 
<input type="submit" value="Submit" />

点击提交,您会看到他们在网址中: http://localhost:8080/test/testing.html?menu-1=SUB11&menu-2=SUB21

查看https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select

答案 1 :(得分:0)

使用Jquery

if(badFiles.Count>0)//based off your sample code with png's
{
     //notify user
     MessageBox.Show("Bad files were found"); //or create anonymous function to display bad files
     // or Console.WriteLine("Bad files were found");
}

使用jquery为第二个下拉列表赋予id以获取值。