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

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 } 。