Jquery устанавливает значение для поля ввода на основе атрибута

У меня есть поле ввода вроде:

<input data-checkout="card-number" type="tel" placeholder="card number" autocomplete="off" class="input-control" value="">

Как я могу установить значение этого поля с помощью jquery? Как получить data-checkout="card-number" и установить значение?

Вы пробовали $ ('[data-checkout = "card-number"]'). Val ("Your val"); ?

Ph0b0x 31.10.2018 14:09

Спасибо, это хорошо работает

Aleks Per 31.10.2018 14:10

Здорово, удачи.

Ph0b0x 31.10.2018 14:11

Отправьте его как ответ, если хотите отметить его как принятый.

Ph0b0x 31.10.2018 14:14
1
4
682
5

Ответы 5

Используя jquery, вы можете использовать функцию val:

$(".input-control").val("Some value")

Используя javascript:

document.querySelector(".input-control").value="Some value"

Вы можете получить атрибут:

$(".input-control").attr("card-number")

Тогда ты можешь сделать

$(".input-control").val($(".input-control").attr("card-number"))

Надеюсь это поможет

.attr('card-number') возвращает значение card-number="value". Используйте .data('checkout'), чтобы получить значение data-checkout="value"
Jean-Marc Zimmer 31.10.2018 14:12

Вы можете использовать базовый Javascript для установки значения.

for(i=0; card=document.querySelectorAll("input[data-checkout=card-number]")[i]; i++){
    card.value="sample value";
} 

в jquery вы можете использовать любой атрибут в качестве селектора, используя этот формат:

$('[your-attr="attr value"]')

Отвечая на ваш вопрос, это должно сработать:

$('[data-checkout="card-number"]').val("Your val"); 

Это зависит от того, через что вы хотите получить к нему доступ. Для доступа к элементу вы можете использовать, например:

$('.input-control')  // Finds all elements with this class

или

$('.input-control[data-checkout=card-number]')  // Finds all elements with this class and this data-checkout value

или какой-либо другой селектор, в зависимости от вашего приложения. Затем, чтобы установить значение, вы можете:

$(/* your selector */).val('some value'); // Sets the value to 'some value'

и получить значение fo data-checkout:

$(/* your selector */).data('checkout');  // Returns 'card-number'

Непонятно, что именно вы ищете, но, надеюсь, некоторые из них ответят на ваш вопрос.

$('input[data-checkout="card-number"]').val('here') // replace word (here) with the value you want

Другие вопросы по теме