Как установить значение для входного значения в элементе из Javascript?

#javascript

#javascript

Вопрос:

Я очень новичок в html и js. У меня есть js, который может установить значение id=»tk___kiaVlink», используя следующее.

 this.form.formElements.get('tk___kiaVlink').update('abcedf ghi');
  

Но значения метки и ссылки обновляются. Как я мог бы указать js-код для обновления только значения [link]?

 <div class="fabrikSubElementContainer" id="tk___kiaVlink">
<input type="text" name="tk___kiaVlink[label]" size="200" maxlength="200" class="form-control fabrikinput inputbox fabrikSubElement" placeholder="Label" value="Video">
<input type="text" name="tk___kiaVlink[link]" size="200" maxlength="200" class="form-control fabrikinput inputbox fabrikSubElement" placeholder="URL" value="test value">
  

Я попытался использовать имя tk___kiaVlink[label], и это не сработало.

Комментарии:

1. вы могли бы просто попробовать document.getElementsByName('tk___kiaVlink[label]').value='abcdef ghi'

2. Спасибо Jijo. Я пытался исправить, как вы упомянули. Но это все равно не сработало. Код от Angel (ниже) работает, но с предупреждением. Я это выясню.

Ответ №1:

 const [label, link] = [...document.querySelectorAll('#tk___kiaVlink input')];
[label.value, link.value] = ['my label value', 'my link value'];
  

Комментарии:

1. Спасибо. Это работает, но появилось какое-то предупреждающее сообщение. Я использую Joomla CRM и его компонент Fabrik form. Код JS находится в его элементе. Предупреждение «Ожидаемый идентификатор и вместо этого увидел ‘[‘. const ‘{a}’ инициализируется как ‘undefined’ . Отсутствует точка с запятой. Неправильное присвоение. Мне нужно будет узнать больше об этом предупреждении.

2. документ. querySelector(‘#tk___kiaVlink input:nth-child(2)’).value = ‘некоторая строка’; Может быть, попробуйте это только для ссылки.

3. Это работает с приведенным выше кодом. Никаких предупреждающих сообщений 🙂