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的： $（＆＃34; #myFieldset #txtData＆＃34;）。val（）;

如果您使用的是类属性。

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

的 Jquery的 $（＆＃34; #myFieldset .txtEmail＆＃34;）。val（）;

您可以从fieldset获取所有ID值，如下所示：

<强> 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()); }); });

所以这个东西会给你所有输入，然后输入= button value。

Answer 2

试试这个：

var inputVal = $('#myFieldset #input').val();
var textAreaVal = $('#myFieldset #Resp').val();

Answer 3

您可以使用解决方案https://jsfiddle.net/f3xwzap9/

var data = {};

$('#addItem').click(function(){
  $('fieldset#myFieldset > input, textarea').each(function(){
    data[$(this).attr('id')] = $(this).val();
  });

	console.log(data);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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 name='Resp' id='Resp' cols='75' rows='5' required></textarea>
</fieldset>

我在添加按钮中添加了一个活动。我循环通过所有输入＆amp; 字段集中的 textarea ＆amp;收集数据。

数据采用JSON格式 id为键，值为值。

因为我正在遍历所有输入＆amp; textarea ，它可以帮助您收集所有子（输入＆amp; textarea ）数据，而不是收集具体数据。

Answer 4

$（＆＃39;＃myFieldset＆＃39）。发现（＆＃39;输入＆＃39）。VAL（）

jQuery / javascript使用ID

4 个答案: