Как я могу использовать данные, выбранные в опции выбора, для дальнейшего использования? Как в случае использования выбранной опции для других вычислений - PullRequest
0 голосов
/ 17 октября 2019

Это вариант выбора, который я кодировал.

  <select class="form-control select-search" name="selectedUser" id="selectedUser" required style="width: 200px;">
    <option value="" selected> Select ID </option>
     @foreach($users as $user)
      <option value="{{ $user }}"  class="text-capitalize">{{ $user->name }}</option>
     @endforeach
  </select>

Я использую Laravel здесь, и, пожалуйста, объясните с соответствующими

Ответы [ 2 ]

0 голосов
/ 17 октября 2019

Попробуйте:

<select class="form-control select-search" name="selectedUser" id="selectedUser" required style="width: 200px;">
    <option value="" @if(null == Request::old('selectedUser')) selected @endif> Select ID </option>
     @foreach($users as $user)
      <option value="{{ $user->id }}" @if($user->id == Request::old('selectedUser')) selected @endif  class="text-capitalize">{{ $user->name }}</option>
     @endforeach
</select>

Редактировать:

Вы также можете использовать ternary operator вместо if statement в клинке, например:

    {{ $user->id == Request::old('selectedUser') ? 'selected': '' }}
0 голосов
/ 17 октября 2019

php / laravel используется для генерации шаблона, написанного на html, который будет отправлен в браузер. Затем вам нужно определить стратегию на стороне клиента для манипулирования вашими данными.

Нет javascript

У вас может быть тег <form method="post" action="process.php">, который при отправке отправляет данные process.php формы, включаявыбранное значение.

Vanilla JS

Используя чистый JavaScript, вы можете получить доступ к <select>, используя getElementById('selectedUser'), например:

var e = document.getElementById("selectedUser");
var strUser = e.options[e.selectedIndex].value;

Реагировать

Вам потребуется создать реагирующий компонент для визуализации вашей формы, а затем можно использовать событие onChange для доступа к значению и сохранить его в компоненте state . Возможно, стоит проверить документацию реагирования на другие примеры с формами и тегами выбора .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...