Как выбрать опцию Id на модальном шоу с использованием JS?

Question

Как выбрать опцию Id на модальном шоу с использованием JS?

-3

Я попытался получить идентификатор по опции, выбранной, когда модаль находился в состоянии показа.

$("#modal-form").on('shown.bs.modal', function(e) {
  console.log("CHANGE");
  var id = $("#customer option:selected").val();
  console.log(id);
});

<div class="form-group">
  <label for="customer" class="col-md-2 control-label">Customer</label>
  <div class="col-md-9">
    <select class="form-control" id="customer" name="customer" class="form-control">
      <option value="John">John</option>
      <option value="Alex">Alex</option>
    </select>
    <span class="help-block with-errors"> </span>
  </div>
</div>

Mack Zohn 19 авг. 2018, в 06:28

Источник

2

Вы отвечаете, когда кто-то отвечает на ваш вопрос, работает ли он или нет, они тратят на вас время
Krishna Jonnalagadda 19 авг. 2018, в 04:29
0

извините, я попробую код
Mack Zohn 19 авг. 2018, в 04:32
0

stackoverflow.com/questions/8978328/...
Ramesh 19 авг. 2018, в 04:39
0

Привет @indra dana, в твоем коде нет выбранной опции, как она работает, ты выбрал любую опцию и проверил ее
Krishna Jonnalagadda 19 авг. 2018, в 04:39
0

@indradana делает эту строку console.log("CHANGE"); работает? Убедитесь, что ваше мероприятие называется
Ramesh 19 авг. 2018, в 04:46
0

эта консоль работает на модальном шоу
Mack Zohn 19 авг. 2018, в 04:54

Показать ещё 4 комментария

Теги:

javascript

jquery

laravel

ajax

3 ответа

Ещё вопросы

Вы отвечаете, когда кто-то отвечает на ваш вопрос, работает ли он или нет, они тратят на вас время
Привет @indra dana, в твоем коде нет выбранной опции, как она работает, ты выбрал любую опцию и проверил ее
@indradana делает эту строку console.log("CHANGE"); работает? Убедитесь, что ваше мероприятие называется
эта консоль работает на модальном шоу

Krishna Jonnalagadda · Answer 1 · 2018-08-19T02-37-00.000Z

Я выясню, что вы не выбрали какой-либо вариант, и вы проверяете вариант выбора, выбираете любой вариант и проверяете его.

$("#modal-form").on('shown.bs.modal', function(e) {
  console.log("CHANGE");
  var id = $("#customer option:selected").val();
  console.log(id);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
  <label for="customer" class="col-md-2 control-label">Customer</label>
  <div class="col-md-9">
    <select class="form-control" id="customer" name="customer" class="form-control">
      <option value="John" selected>John</option>
      <option value="Alex">Alex</option>
    </select>
    <span class="help-block with-errors"> </span>
  </div>
</div>

этот код теперь работает @Krishna Jonnalagadda Я пытаюсь получить выбранный идентификатор напрямую, когда появляется модальный
хорошо, спасибо @Кришна Джонналагадда

iNullPointer · Answer 2 · 2018-08-19T02-10-00.000Z

Надеюсь, это будет полезно.

$("#customer").change(function(e) {
  alert($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
  <label for="customer" class="col-md-2 control-label">Customer</label>
  <div class="col-md-9">
    <select class="form-control" id="customer" name="customer" class="form-control">
      <option value="John">John</option>
      <option value="Alex">Alex</option>
    </select>
    <span class="help-block with-errors" </span>
  </div>
</div>

Попробуйте использовать то же самое событие, которое вызывается вместо события change
@iNullPointer этот код на событие изменения Я пытаюсь получить выбранный идентификатор непосредственно, когда появляется модальное

Ramesh · Answer 3 · 2018-08-19T01-50-00.000Z

Попробуйте следующий код. Найдите элемент из родителя,

$(document).on('shown.bs.modal', '#modal-form', function() {
  console.log("CHANGE");
  //var id = $("#customer>option:selected").val();
  var id = $('#customer').find(":selected").val();
  alert(id);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group">
  <label for="customer" class="col-md-2 control-label">Customer</label>
  <div class="col-md-9">
  <form id="modal-form">
    <select class="form-control" id="customer" name="customer" class="form-control">
      <option value="John">John</option>
      <option value="Alex">Alex</option>
    </select>
    </form>
    <span class="help-block with-errors" </span>
  </div>
</div>

этот код не работает для меня предупреждение показывает нулевое значение
@indradana Если вы используете одно и то же значение для value и text , возможно, вы можете использовать text() . вот так var id = $('#customer').find(":selected").text(); . Это лучший из известных мне способов.
я пытаюсь с текстом (), но не работает @Ramesh
Вы уверены, что мероприятие работает?