Как очистить значение поля ввода на основе атрибута данных?

Question

У меня есть несколько полей ввода, где пользователь может выбрать дату и время, единственная разница между этими полями - это атрибут отдела данных.

                <div class="col-sm-10">
                    <input type="datetime-local" class="StartTime" data-department="2" name="bdaytime">
                </div>

                <div class="col-sm-10">
                    <input type="datetime-local" class="StartTime" data-department="3" name="bdaytime">
                </div>

Я хочу иметь возможность очистить значение в поле ввода на основе атрибута data-отдела.

Как очистить значение поля ввода на основе класса и отдела данных?

Так, например, если я хочу иметь возможность очистить только одно поле ввода, где класс равен StartTime, а отдел данных равен 2?

Я попытался использовать приведенный ниже код, однако это не сработало.

    $('input:datetime-local').find('data-department' = 2).val('');

javascript jquery html

0

TidySB 29 Авг 2017 в 11:04

Answer 1

Для клирингового отдела 2

$('input[data-department="2"]').val('');

Здесь вы найдете jsfiddle https://jsfiddle.net/y75tgzkb/

$('button').click(function(){
  $('input[data-department="2"]').val('');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-sm-10">
  <input type="datetime-local" class="StartTime" data-department="2" name="bdaytime">
</div>

<div class="col-sm-10">
  <input type="datetime-local" class="StartTime" data-department="3" name="bdaytime">
</div>

<button>
  Clear
</button>

В коде я только очищаю отдел 2 .

Надеюсь, что это поможет вам.

0

Shiladitya 29 Авг 2017 в 08:09

Answer 2

Чтобы очистить одно поле ввода, проверьте эту скрипку: https://jsfiddle.net/y75tgzkb/2/

Чтобы очистить несколько полей ввода, введите любой код data-department для своего кода, например data-department="11", data-отдела = "12". Здесь 1`, тогда вы можете продолжать так

$( "input[data-department*='1']" ).val('');

Рабочая скрипка: https://jsfiddle.net/y75tgzkb/1/

0

krish 29 Авг 2017 в 08:26

Answer 3

Этот селектор должен работать:

$('input[type="datetime-local"][data-department="2"]').val('');

0

Abenitsi 29 Авг 2017 в 08:11

Как очистить значение поля ввода на основе атрибута данных?

3 ответа

Похожие вопросы

Новые вопросы

javascript