Всем, привет! Уважаемое сообщество, прошу вашей помощи. Возникла трудность с получением значения из input
с помощью метода val()
.
Есть DIV
который содержит `inputы:
Вот его разметка:
<div class="input-daterange input-group afc" id="datepicker-common-table">
<input type="text" class="input-sm form-control" name="start" placeholder="Начальная дата">
<span class="input-group-addon"> - </span>
<input type="text" class="input-sm form-control" name="end" placeholder="Конечная дата">
</div>
Вот сценарий которым пытаюсь получить значения после их установки:
$(document).on('change', "input[name='start']", function()
{
$(document).on('change', "input[name='end']", function()
{
var startVal = $("#datepicker-common-table > input:text").val();
var endVal = $("#datepicker-common-table > input:text").val();
console.log( startVal + " - " + endVal );
});
});
В итоге в консоль получаю следующий вывод:
:text
, которого никогда не существовало. Вы, наверное, хотели использовать селектор атрибута:input[type="text"]
. А вот эта конструкция: $(document).on('change', "input[name='start']", function() { $(document).on('change', "input[name='end']", function() { Может навесить вам бесконечное число обработчиков. Разберитесь, что такое on().