样式切换器的下拉菜单

Question

我需要在我的 mvc 模型上创建一个下拉列表菜单。样式切换器和按钮一样正常工作：

<form>
            <input type="submit" onclick="switch_style('Ugly Default'); return false;" name="theme" value="Ugly_Default" id="Ugly_Default">
            <input type="submit" onclick="switch_style('Redmond'); return false;" name="theme" value="Redmond" id="Redmond">
</form>

链接如下：

<link rel="stylesheet" type="text/css" href="http://localhost:57172/Content/site.css" title="Ugly_Default" >
     <link rel="alternate stylesheet" type="text/css" href="http://localhost:57172/Content/Redmond.css" title="Redmond">
     <script type="text/javascript" src="http://localhost:57172/Scripts/styleswitcher.js"></script>

到目前为止，我已经想出了这个解决方案，但没有效果：

<form name="theme" id="theme" onsubmit="return false;">
        <select id="colourselector" name="theme" onchange="switch_style();">
            <option value="Ugly_Default">Default</option>
            <option value="Redmond">Redmond</option>
        </select>
</form>

任何建议将不胜感激。提前致谢！

Answer 1

我认为你应该这样做：

$(document).ready(function(){
  $('#colourselector').on('change', function(){
    switch_style($(this).val());
  });
});

（需要 Jquery）