鏈接組合框（最好是JQuery）

Question

我想知道是否有人使用轉換html的JQuery插件有任何經驗

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

組合框（可能是div），選擇項目的行為與單擊鏈接相同。

我想你可能可以使用javascript來處理一個選擇事件（我的javascript知識目前有點失修）和'切換'組合框的值，但這似乎更像是一個黑客。

您的建議，經驗和建議表示贊賞。

Answer 1

簡單的解決方案是使用

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

這會在選擇框上創建一個onchange事件，將您重定向到存儲在所選選項的值字段中的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>

這會為包含“COMMON_NAME”的所有ID創建onchange事件，以重定向<option>值。

Answer 4

'select'中的這個javascript：

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

它並不理想（因為我正在使用的ASP.NET MVC中的表單提交似乎沒有使用URL的路由引擎），但它確實起作用。