Блог

Главная - Вопросы по программированию - Как отобразить выбранный элемент тега Select в другом теге в блейде в Laravel 8?

Как отобразить выбранный элемент тега Select в другом теге в блейде в Laravel 8?

#javascript #laravel #laravel-blade #laravel-8 #node-blade

#javascript #laravel #laravel-блейд #laravel-8 #узел-блейд

Вопрос:

Я хочу отобразить выбранный элемент тега Select в теге p, и когда я запускаю код, он не работает, это мой код :

 <label for="modelResp"> Response </label>
<select name="modelResp" id="modelResp" onchange="myFunction()">
     @foreach ($destins as $dest)
        <option 
           value="{{$dest->design_destin}}"> {{$dest->design_destin}} 
        </option>
     @endforeach
</select>

<p id="demo"> **I want to display the selected item here** </p>
@push('scripts')
    <script>
          function myFunction() {
             var x = document.getElementById("modelResp").value;
             document.getElementById("demo").innerHTML =  x;
          }
     </script>
@endpush

Комментарии:

1. Что-то не работает? Получаете ли вы какие-либо ошибки в консоли, если да, то какие это ошибки?

2. ничего не происходит

3. Ничего в консоли? Вы пытались console.log(x) в своем myFunction() ? Загружен ли ваш скрипт? У вас где-нибудь есть стек с именем scripts в вашем блейде?

4. вы проверили сгенерированный html-код?

5. проверьте пример, он работает нормально jsfiddle.net/nhbq18wf

Метки: