是否可以創建超鏈接的下拉列表（而非菜單）

Question

沒有人知道是否有可能創建超鏈接的下拉列表。 因此，除了替換文本字段的超鏈接之外，列表中的每個項目都有一個值。 想知道是否有任何jquery或其他客戶端腳本可以讓我將列表項名稱轉換為鏈接。 使用MVC2作為服務器端。 最終，單擊下拉列表中的任何鏈接將打開一個新窗口，這樣人們不僅可以選擇產品變體，而且可以在提交表單之前在彈出窗口中查看所選產品變體的詳細信息。

超鏈接將由item值（即productID）構造而成，將在新窗口中打開的URL會將其作為邊界傳遞給操作方法。

當前使用此腳本來完成這項工作，但是我必須在下拉列表旁邊使用一個按鈕，它有點丑陋和令人困惑，因為您不會在按鈕上寫太多。

  function JumpToIt1(frm) {
        var newPage = frm.droppa.options[frm.droppa.selectedIndex].value
        if (newPage != "None") {
            window.open("http://mydomain.com/category/" + newPage, "mywindow", "menubar=1,resizable=1,width=550,height=250");
        }
    }

Answer 1

您可以使用帶有onChange處理函數的下拉菜單，該下拉菜單會在下拉菜單更改時（即某人從列表中選擇某項）使它運行JavaScript。 我想那會做你想要的。

Answer 2

$(function() {

  $('#dropdownId').change(function() {
    var page = $(this).val();
    if (page != "None") {
        window.open("http://mydomain.com/category/" + page, "mywindow", "menubar=1,resizable=1,width=550,height=250");
    }
  });  

});

請注意，只有在用戶選擇與當前所選值不同的值時，新窗口才會打開。 因此，如果刪除按鈕，則用戶必須先選擇其他值才能連續兩次打開窗口。

Answer 3

嘗試這個：

function openPopup(newPage){

        if (newPage != "None") {
            window.open("http://mydomain.com/category/" + newPage, "mywindow", "menubar=1,resizable=1,width=550,height=250");
        }

}
    $(#dropdownId").find("option").each(function(){
    var $Obj= $(this);
  $(this).text("<a href='javascript:void(0);' onclick='openPopup("+$Obj.val()+")'>" + $Obj.text() +"</a>");
    });