如何在下拉列表中获取除隐藏和提交按钮之外的所有表单字段

Question

<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>

如何在 select/dropdown 和 return 选择的 ID 中按名称获取所有表单字段？

Answer 1

使用以下命令-

用于获取表单的特定输入字段 -

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

然后在 ID 为“#select”的下拉元素上使用 -

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

其中 'p' 只是您从 jquery select 或更高版本获得的所有元素。

虽然在这里我帮不了你更多。请 post 代码并重新组织你的问题。

Answer 2

您可以在您的表单上使用 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>

如何在下拉列表中获取除隐藏和提交按钮之外的所有表单字段

How to get all form fields except hidden and submit button in a dropdown

javascript

forms

jquery

select

field