联合箱(JQuery最好)

Question

我想知道，如果任何人有任何经验使用JQuery插件，将html

<select> 
  <option> Blah </option> 
</select>

组合框到的东西(可能是一个div)其选择的一项行为一样，只要点击的链接。

我猜你可能可以使用javascript处理一个选择事件(我javascript知识是有点年久失修的时刻)和主价值的组合框但是这个似乎更喜欢中的一个黑客。

你的意见、经验和建议表示赞赏。

Answer 1

简单的解决办法是使用

$("#mySelect").change(function() {
  document.location = this.value;
});

这将创建一个菜单选择变化的选择框重定向你的url存在价值的领域的选择的选项。

Answer 2

我不确定你想要的链接，当你点击Div，但鉴于这样的事情也许会的工作：

<select id="mySelect">
  <option value="1">Option 1</option>
  <option value="2">Option 2</options>
</select>
<div id="myDiv"/>

和下面的JQuery创建一个列表中的 <div> 元素，去URL基于价值的选择：

$("#mySelect option").each(function() {
    $("<div>" + $(this).text() + "</div>").appendTo($("#myDiv")).bind("click", $(this).val(), function(event) {
        location.href = "goto.php?id=" + event.data;
    });
});
$("#mySelect").remove();

这不会做你想要什么？

Answer 3

如果你要有很多的选择框要允许利用作为重，而不必界定他们的独立，尝试类似的东西:

$("[id*='COMMON_NAME']").change(function() {
    document.location = this.value;
});

和你的选择箱被相应命名:

<select id="COMMON_NAME_001">...</select>
<select id="COMMON_NAME_002">...</select>

这将创建一个菜单选择变化对于所有Id含有"COMMON_NAME"做了重新定向的 <option> 值。

Answer 4

这位javascript"选择":

onchange="if(this.options[this.selectedIndex].value!=''){this.form.submit()}"

这不是理想的(因为形式提交ASP.NET 视我的使用不会出现使用的路线引擎Url)，但它不会成其工作。