如何在Lavavel下拉菜單選擇特殊項目時執行JavaScript操作

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錢包甲& B是能夠被選擇。 我想在選擇B錢包時使用JavaScript，我該怎麼辦？

Answer 1

嘗試這些

首先提供爲E的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 */ 
    } 
}); 

Answer 2

添加一個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. 
}