Как получить доступ к элементу ввода по нестандартному атрибуту?

Question

У меня есть несколько полей ввода, в которых атрибуты name и id меняются в зависимости от того, на каком сервере он установлен, и class также не является уникальным.Единственный уникальный атрибут для каждого поля ввода находится в «roiname».
Как я могу использовать jQuery для получения значения этого поля способом, который работает на серверах?

<input roiname="smallLocations" name="__field_13102" id="e5634b55-d6cc-4b32-a5aa-2120b4845dbb" type="number" class="form-control FormTextbox__Input" placeholder="4" value="" min="0" step="1" data-f-datainput="">

Я пробовал что-то вродеэто:

var smallLocations = $(":input").attr("smallLocations").val();

Но это не сработало.

Answer 1

Ваша текущая логика не работает, так как вы используете attr(), который возвращает значение атрибута, он не находит элемент по этому атрибуту.

Исправитьэто вам нужно использовать селектор атрибута:

var roiname = $(':input[roiname]').val();
console.log(roiname);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input roiname="smallLocations" value="123" name="__field_13102" id="e5634b55-d6cc-4b32-a5aa-2120b4845dbb" type="number" class="form-control FormTextbox__Input" placeholder="4" value="" min="0" step="1" data-f-datainput="">

Answer 2

использовать шипение имеет переключатель attr

var smallLocations = $("input[roiname]").val();

Документация здесь

https://api.jquery.com/has-attribute-selector/

Answer 3

Вы не ищете значение атрибута , вы ищете значение ввода .(Кроме того, ваш input не имеет атрибут с именем smallLocations, это значение одного из атрибутов.)

Примерно так:

$('input[roiname="smallLocations"]').val()