Question

这是我用来激活功能 PlayCard（“数据”）的按钮，其中传递obj以便稍后使用。（工作正常，但这不是我想要的）

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

但我想使用来自bootstrap的下拉按钮，该按钮调用函数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>

但是当我点击 Value1，Value2或Value3 时，我不知道如何传递PlayCard（“数据”）功能以及一些独特的值。

这就是为什么我需要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/

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

要阅读1,2,3您将执行以下操作：

{{1}}

想要使用下拉cc按钮来执行javascript函数以及传递唯一值

1 个答案: