Question

这是Lavavel下拉菜单的一部分。

<div class="col-sm-6">
    <div class="form-group mb-20">
        <label><strong>{{trans('string.select_wallet')}}</strong></label>
        {!!Form::select('Wallet_id', $WalletList, null,
                         ['class'=>'form-control','required'=>'required'])!!}
    </div>
</div>

在这个WalletList中，2个钱包A＆amp; B可以被选中。我想在选择B钱包时使用JavaScript，我该怎么办？

Answer 1

为元素添加id

{!!Form::select('Wallet_id', $WalletList, null,['class'=>'form-
control','required'=>'required', 'id' => 'MySelect'])!!}

并使用jQuery：

var element = document.getElementById("MySelect");
var selectedElement = element.options[e.selectedIndex].text;

，只需在项目更改时使用JavaScript进行搜索：

if (selectedElement == (text of your B element))
{
  //do what you want to do.
}

Answer 2

试试这些

首先提供一个ID Select以识别Select或更改Event：

{!!Form::select('Wallet_id', $WalletList, null,
        ['class'=>'form-control','required'=>'required', 'id' => 'Wallet_id'])!!}

之后使用jQuery获取事件并执行代码：

$('#Wallet_id').change(function(){ 
    if($(this).val() == 'B'){
        /* Do Something */
    }
});

当Lavavel Dropdown菜单选择特殊项目时，如何执行JavaScript操作

2 个答案: