Laravel Коллективный клик в SELECT - PullRequest
Новая
       10

Laravel Коллективный клик в SELECT

0 голосов
/ 27 апреля 2020

Как добавить laravel коллективный клик в "Выбрать"? Мой код ниже не работает: 

{{Form::select('material_selector', [
        '10' => 'Cotton', 
        '20' => 'Wet Look',
        '30' => 'Crocodile',
    ], null, ['placeholder' => 'Select Material'],['class'=>'form-control','onclick'=> 'showSelectedValue()' ])
}}

1 Ответ

2 голосов
/ 28 апреля 2020

Вы, вероятно, должны использовать jQuery. Затем вы можете обратиться к вашему элементу выбора следующим образом 

$(document).ready(function() {
  $('.form-control[name="material_selector"]').on('change', showSelectedValue);
  
  function showSelectedValue(event) {
    var target = $(event.target);
    console.log(target.val() + " = " + target.find('option:selected').text());
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select name="material_selector" class="form-control">
  <option value="10">Cotton</option>
  <option value="20">Wet Look</option>
  <option value="30">Crocodile</option>
</select>

Если вам действительно нужно использовать атрибут onClick, вы можете попробовать это 

{{Form::select(
    'material_selector', // name attribute of the select
    ['10' => 'Cotton', '20' => 'Wet Look', '30' => 'Crocodile'], // option values
    null, // selected value, for example '20'
    ['placeholder' => 'Select Material', 'class' => 'form-control'], // attributes for <select>
    ['onClick' => 'showSelectedValue()'] // attributes for <option>
)}}
...