是否可以创建超链接的下拉列表（不是菜单）答案

【问题标题】：Is it possible to create a dropdown list (not menu) of hyperlinks是否可以创建超链接的下拉列表（不是菜单）
【发布时间】：2011-07-27 11:31:30
【问题描述】：

任何人都知道是否可以创建超链接的下拉列表。因此，除了替换文本字段的超链接之外，列表中的每个项目还有一个值。想知道是否有任何 jquery 或其他客户端脚本可以让我将列表项名称转换为链接。使用 MVC2 作为服务器端。最终点击下拉列表中的任何链接将打开一个新窗口，这样人们不仅可以选择产品变体，还可以在提交表单之前在弹出窗口中查看所选产品变体的详细信息。

超链接将从 items 值构造，即 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");
        }
    }

【问题讨论】：

标签： c# javascript asp.net-mvc asp.net-mvc-3

【解决方案1】：

试试这个：

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>");
    });

【讨论】：

【解决方案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");
    }
  });  

});

请注意，新窗口仅在用户选择与当前选择的值不同的值时才会打开。因此，如果您删除按钮，用户将无法在不先选择不同值的情况下连续两次打开窗口。

【讨论】：

在这个上只需添加代码将选定的值设置为 0 这将解决没有可用按钮的问题 $("#mydropdown").val('0');这将是下拉列表中的一个选项

【解决方案3】：

您可以有一个带有 onChange 处理程序的下拉列表，当下拉列表更改时（即有人从列表中选择某些内容），它会运行 JavaScript。我认为这会满足您的需求。

【讨论】：