Как получить все поля формы, кроме скрытых, и отправить кнопку в раскрывающемся списке - PullRequest
Новая
       24

Как получить все поля формы, кроме скрытых, и отправить кнопку в раскрывающемся списке

0 голосов
/ 18 декабря 2018 

<form class="myform" id="myform">
  First name:<br>
  <input type="text" id="input_1" name="firstname" value="Mickey">
  <br>
  Last name:<br>
  <input type="text" id="input_2 "name="lastname" value="Mouse">
  <br><br>
  Agree:<br>
  <input type="radio" id="input_3 "name="agree" value="Mouse">
  <br><br>
  <input type="submit" value="Submit">
</form>

Как получить все поля формы по имени в выпадающем меню / выбрать и вернуть идентификатор при выборе?

Ответы [ 2 ]

0 голосов
/ 18 декабря 2018

Вы можете использовать querySelectorAll в своей форме, а затем просто сгенерировать словарь, необходимый для выбора: 

let selector_vals = {};
let input_select = $("#input_select");
$("#myform input:not([type=submit])").each(function(idx, elem) {
    selector_vals[elem.name] = "#" + elem.id;
    input_select.append(new Option(elem.name,"#" + elem.id));
});

console.log(selector_vals);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Form Items<br/>
<select id="input_select"></select>

<form class="myform" id="myform">
  First name:<br>
  <input type="text" id="input_1" name="firstname" value="Mickey">
  <br>
  Last name:<br>
  <input type="text" id="input_2 "name="lastname" value="Mouse">
  <br><br>
  Agree:<br>
  <input type="radio" id="input_3 "name="agree" value="Mouse">
  <br><br>
  <input type="submit" value="Submit">
</form>
0 голосов
/ 18 декабря 2018

Используйте следующие команды -

Для получения определенных полей ввода формы - 

var p = $('input[type=text]')

Затем в раскрывающемся элементе с идентификатором в качестве '#select' используйте - 

$('#select').append($('<option></option>').val(p).html(p));

где 'p' - это не что иное, как все элементы, которые вы получили из селектора jquery выше.

Хотя я не могу вам больше помочь здесь.Пожалуйста, отправьте код и переформулируйте ваш вопрос.

...