Question

我有一个无序列表（下面是HTML，下面是Javascript代码）。

第一个功能＆＃34; display_dropdown_multiple＆＃34;适合我。但是，我遇到了问题第二个功能＆＃34; get_selected_owner＆＃34;。

从下拉菜单中进行选择后。我希望第二个函数返回＆＃39;选择的值＆＃39;。任何帮助将不胜感激。

＆＃13;

function display_dropdown_multiple(event) {
    $(".dropdown-menu").on('click', 'li a', function(){
      $(this).parents(".btn-group").find('.btn').text($(this).text());
      $(this).parents(".btn-group").find('.btn').val($(this).data('value'));
       });
});

function get_selected_owner() {
    return $('#owner').find('option:selected').val();
    });        
});

＆＃13;

<div class="btn-group">
    <button type="button" class="btn btn-success dropdown-toggle" id="owner" data-toggle="dropdown">
      Owner <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="owner-dropdown-menu">
      <li role="presentation" class="dropdown-header">major</li>
      <li role="presentation"><a role="menuitem" tabindex="-1" href="#" id="owner"><input type="hidden" onclick='display_dropdown_multiple(event)' id="ownerId" name="ownerId" value="Owner 1" >Owner 1</a></li>
      <li class="divider"></li>
      <li role="presentation" class="dropdown-header">minor</li>
      <li><a href="#" id="owner"><input type="hidden" onclick='display_dropdown_multiple(event)' id="ownerId" name="ownerId" value="Owner 2" >Owner 2</a></li>
      <li><a href="#" id="owner"><input type="hidden" onclick='display_dropdown_multiple(event)' id="ownerId" name="ownerId" value="Owner 3" >Owner 3</a></li>
    </ul>
</div>

＆＃13;

Answer 1

ID必须是唯一的
您没有定位<option>。

解决方案

构建一个<select>，其中包含您打算使用唯一ID的选项，然后您的代码将正常运行。

jQuery函数，一个用于显示单击下拉列表，另一个用于从下拉列表中获取所选项目

1 个答案:

解决方案