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

Question

我在页面上生成了一个引导下拉列表，并且javascript onclick用于捕获更改并将POST resuest发送到服务器。

内部的价值＆＃39; a＆＃39;是服务器期望的播放列表ID

我在JS中的selectvalue总是为0.如何在一个内部检索值？

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

的Jscript

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