Хотите использовать выпадающую кнопку cc, чтобы вызывать функцию javascript, а также передает уникальное значение

Question

Вот кнопка, которую я использую для активации функции PlayCard («data»), где obj передается для использования позже. (работает нормально, но это не я хочу)

<div class='dropdown'> 
<button class='dropbtn class2' onclick=PlayCard("data")>Play</button> 
</div> 

Но я хочу использовать кнопку выпадающей из начальной загрузки, которая вызывает функцию Playcard («OBJ») и проходит некоторое уникальное значение, как 1, 2, 3 и т. Д. Вместо href = "#".

<div class='dropdown' > 
<button class='btn btn-danger dropdown-toggle' type='button' data-toggle='dropdown'>Test<span class='caret'></span> 
</button> 
<ul class='dropdown-menu'> 
<li><a href='#''>Value1</a> </li> 
<li><a href='#'>Value2</a> </li> 
<li><a href='#'>Value3</a></li> 
</ul> 

Но я не знаю, как передать функцию Playcard («данные»), а также некоторые уникальные значения, когда есть OnClick на значение1, значение2, или Value3.

Именно по этой причине мне нужны как PlayCard («данные»), так и значение, связанное с параметрами Value1, Value2 и Value3.

code.js

function PlayCard(data) 
{ 
var obj = _.find(data, function(obj){ return obj.total == data; }); 
if (value == 1) 
{ 
    Function1(obj); 
} 
elseif (value == 2) 
{ 
    Function2(obj); 
} 
else 
{ 
    Function3(obj); 
} 
}; 

Answer 1

Для выпадающего списка, вы, вероятно, захотите использовать изменения вместо мыши. Затем вы можете прочитать значение и внести соответствующие изменения.

https://api.jquery.com/change/

<form> 

    <input class="target" type="text" value="Field 1"> 

    <select class="target"> 

    <option value="option1" selected="selected">Option 1</option> 

    <option value="option2">Option 2</option> 

    </select> 

</form> 


$(".target").change(function() { 

    alert("Handler for .change() called."); 

}); 

Чтобы прочитать 1, 2, 3 вы будете делать что-то вроде этого:

<select> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
    <option value="3">Three</option> 
</select> 
$('select').on('change', function() { 
    PlayerCard(this.value); //read in the value and do something with it, like passing it to your PlayerCard 
})