javascript - 如何添加到选择器项的链接？ | 如何添加到选择器项的链接

我希望菜单的任何选项在angular selectpicker中单击时都引用某个页面。我怎样才能做到这一点？

我尝试过类似的方法，但无济于事

<option><a href="">First Option</a></option>

这是Codepen沙箱。

的HTML

<html ng-app="selectDemoApp">
<body>
  <div role="main">
    <div class="container">
      <section ng-controller="SelectCtrl">
        <div class="page-header">

          <select class="selectpicker">
            <option>Mustard</option>
            <option>Ketchup</option>
            <option>Relish</option>
          </select>

        </div>
      </section>
    </div>
  </div>
</body>
</html>

angular.module('selectDemoApp', [ 'angular-bootstrap-select', 'angular-bootstrap-select.extra']);

function SelectCtrl($scope) {
  $scope.form = undefined;
}

最佳答案

试试这个

<select class="selectpicker" ng-model="changeState" ng-change="change(changeState)">
    <option value="https://google.com">Mustard</a>
    </option>
    <option value="/2.html">Ketchup</a>
    </option>
    <option value="/3.html">Relish</a>
    </option>
  </select>

在您的控制器中

$scope.change = function(url){
  window.open('url');
}

希望您能有一个实现目标的想法。

关于javascript - 如何添加到选择器项的链接？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33310555/