从具有特定 ID 的 Bootstrap DropDown 中选择的项目值

Question

我在页面上生成了一个引导下拉菜单，并通过 javascript onclick 捕获更改并将 POST 重新发送到服务器。

'a' 中的值是播放列表的 id，这是服务器期望的

我在JS里面的selectvalue一直是0，怎么取回a里面的值？

<div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" id="btnchanneldropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
      Select Playlist
    </button>
      <ul class="dropdown-menu" id="ulchanneldropdown">
        <li><a value="3002">Play List 01</a></li>
        <li><a value="3003">Play List 02</a></li>
        <li><a value="3004">Play List 03</a></li>
      </ul>
</div>

脚本

$(document).ready(function(){
$('#ulchanneldropdown').on('click', 'li a',function(){

var selectvalue = $(this).data('value');

$.post('functions/playlist_table1.php', { value: inputValue },function(data,status){
  var targetDiv = document.getElementById('playlist_here');
  targetDiv.innerHTML = data;
      });
    });
   });

Answer 1

你必须使用attr() 而不是data() ：

var inputValue = $(this).attr('value');

data("value") 用于获取data-value="test" 属性。

正如@u_mulder 所指出的，您必须将selectvalue 更改为inputValue，或者将您的{ value: inputValue } 更改为{ value: selectvalue }。