Блог

Главная - Вопросы по программированию - изменить название кнопки отправки на основе выбранного выпадающего списка

изменить название кнопки отправки на основе выбранного выпадающего списка

#javascript #html

#javascript #HTML

Вопрос:

Как изменить название кнопки на основе выбранных значений? Эта функция, которую я нашел, возвращает null .

 function myFunction(new_id) {
  if (new_id == 0) {
    return;
  }
  document.getElementById("submit").id = new_id;

  // test new id
  // remove this after testing
  alert(document.getElementById(new_id).id);
}  
 <select id="select" name="select" class="btn btn-block gray dropdown-toggle" required onchange="myFunction(this.value)">
  <option Disabled value="0" selected="selected">- Select Me -</option>
  <option value="5"> 5</option>
  <option value="10"> 10</option>
</select>
<button type="submit" id="submit" name="">Button</button><br>

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

1. Похоже, что это работает хотя бы один раз. Что имеет смысл.

2. Не было бы разумнее изменить значение кнопки, а не ее название?

Ответ №1:

Вы не должны менять идентификатор кнопки, вы должны изменить ее название.

 function myFunction(new_id) {
  if (new_id == 0) {
    return;
  }
  document.getElementById("submit").name = new_id;
  alert(document.getElementById("submit").name);
}  
 <select id="select" name="select" class="btn btn-block gray dropdown-toggle" required onchange="myFunction(this.value)">
  <option Disabled value="0" selected="selected">- Select Me -</option>
  <option value="5"> 5</option>
  <option value="10"> 10</option>
</select>
<button type="submit" id="submit" name="">Button</button><br>

Однако изменение названия кнопки отправки кажется плохим дизайном. Я думаю, было бы лучше изменить его значение.

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

1. это работает для меня .. и да, значение не работает с post для другого php, работает только определение имени