javascript - jQuery/javascript 使用 ID 查找/获取字段集中表单元素的值

Question

我们如何获取 fieldset 中表单元素的值？

<fieldset id='myFieldset'>
  <label for='Resp'>Responsibilities</label><input id='input' type='text' size='55'>
  <button type='button' class='btn-sm' style='width:50px;margin:2px' id='addItem'>Add</button>
  <button type='button' class='btn-sm' style='width:50px;margin:2px' id='clear'>Clear</button>
  <button type='button' class='btn-sm' style='width:50px;margin:2px' id='edit'>Edit</button>
  <ul id='output' style='display:none'></ul>
  <br class='clear' /> 
  <textarea disabled name='Resp' id='Resp' cols='75' rows='5' required></textarea>
</fieldset>

我在一个页面中还有一些与此类似的字段。所以我需要从输入表单和特定字段集中获取值。我怎样才能在 jQuery 中做到这一点？

Answer 1

如果您正在使用 id 属性:

<input type="text" id="txtData" name="txtData" />

JQuery: $("#myFieldset #txtData").val();

如果您正在使用类属性。

<input type="text" class="txtEmail" />

Jquery $("#myFieldset .txtEmail").val();

您可以从字段集中获取所有 ids 值，如下所示:

HTML

<fieldset id='myFieldset'>
      <input type="text" id="txtData" name="txtData" />
      <input type="text" class="txtEmail" />
      <input type="button" class="btntest" />
  </fieldset>

jQuery

$(".btntest").click(function () {
            $("#myFieldset input[type != button]").each(function(key,value){
                alert($(this).val());
            });
        });

所以这个东西会给你所有的输入，而不是 type = button value。