Willst du dropdown cc-Taste verwenden, um eine JavaScript-Funktion auszuführen, übergibt eindeutigen Wert

Question

Hier ist die Schaltfläche, die ich verwende, um die Funktion PlayCard ("Daten") wo Obj übergeben wird später verwendet werden. (Arbeiten in Ordnung, aber das ist nicht ich will)

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

Aber Ich mag von Bootstrap eine Drop-Down-Taste verwenden, die die Funktion Playcard nennt („obj“) und gibt einigen einzigartigen Wert wie 1, 2, 3 usw. anstelle von 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> 

Aber ich weiß nicht, wie die Funktion Playcard passieren („data“) sowie einigen einzigartigen Wert, wenn es Onclick auf ist Wert1, Wert2 oder Value3.

Dies ist der Grund, warum ich sowohl die PlayCard ("Daten") und Value mit Value1, Value2 und Value3 Option verbunden ist.

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

Für eine Drop-Down, werden Sie wahrscheinlich wollen Wechsel klicken stattdessen verwenden. Sie können den Wert dann lesen und Ihre Änderungen entsprechend vornehmen.

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."); 

}); 

lesen 1, 2, 3 Sie etwas tun werde:

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