Question

我正在使用这个整洁的插件来自定义<select>列表。

http://exodecreations.com/jQuery/jqDropDown.html

我正在尝试提供代码，以便当用户选择每个选项时，他会被重定向到一个页面。我的代码如下：

<form action="#">
<select id="elidp" >
<option value='' disabled selected>Choose Location...</option>
<option value='http://www.google.com/'>New York</option>
<option value='http://www.google.com/'>LA</option>
</select>
</form>

Jquery的：

jQuery(function() {  

    jQuery('#elidp').jqDropDown({
      optionChanged: function(){ jQuery('#elidp').on('change', function () {var url = $(this).val(); if (url) {window.location = url;}return false;});}, 
        direction: 'up',
        defaultStyle: false,
        containerName: 'theContainer',
        toggleBtnName: 'awesomeToggleClass',
        optionListName: 'thisListIsRocking',
        effect: 'fade',
        effectSpeed: 300
    });

});

然而，当用户更改选项时没有任何反应...任何想法？

Answer 1

因为他们实际上没有改变。提供的两个选项的价值相同（google.com）

Answer 2

jqDropDown的optionChanged方法正在处理select元素的onChange事件。使用.on jQuery方法附加其他事件处理程序并不是您想要做的。

  optionChanged: function(){ 
      jQuery('#elidp').on('change', function () {
          var url = $(this).val(); 
          if (url) {window.location = url;}
          return false;
      });
  }

应该是更像这样的东西：

  optionChanged: function(){ 
      var url = $(this).val(); 
      if (url) {window.location = url;}
  }

<select>选项更改 - URL重定向</select>

2 个答案: