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

Question

我在页面上生成了一个 Bootstrap 下拉菜单，并使用 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 }.