Question

我需要在我的mvc模型上创建一个下拉列表菜单。 styleswitcher工作正常，按钮也是如此：

<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）

样式切换器的下拉菜单

1 个答案: