0

我想遍历所有填写的表单项、输入、选择、单选、复选框等以提取值。

以下代码运行良好

var fields = $(":input").serializeArray();
$("#results").empty();
jQuery.each(fields, function(i, field){
$("#results").append(field.value + " ");

但是，我想将多个属性附加到返回的值，例如名称、id、标题等。不幸的是，我在这方面的尝试无济于事。

var fields = $(":input").serializeArray();
$("#results").empty();
jQuery.each(fields, function(i, field){
var vTitle = $(each).attr('title');
$("#results").append(vTitle + " " + field.value + " ");

不工作

任何帮助，将不胜感激

干杯

编辑...感谢您的输入，但返回的是“未定义”。这是我正在使用的 HTML

编辑显示所有内容

结果： 

<form>
<select title="Staff:" name="single">
  <option>Single</option>
  <option>Single2</option>
  <option>Single3</option> 
 </select>
 <select name="multiple" multiple="multiple">
  <option selected="selected">Multiple</option>
  <option>Multiple2</option>

  <option selected="selected">Multiple3</option>
 </select><br/>
 <input title="Staff:" type="checkbox" name="check" value="check1" id="ch1"/>

 <label for="ch1">check1</label>
 <input type="checkbox" name="check" value="check2" checked="checked" id="ch2"/>

 <label for="ch2">check2</label>
 <input type="radio" name="radio" value="radio1" checked="checked" id="r1"/>

 <label for="r1">radio1</label>
 <input type="radio" name="radio" value="radio2" id="r2"/>

 <label for="r2">radio2</label>
</form>
<script>
function showValues() {
var fields = $(":input");
$("#results").empty();
jQuery.each(fields, function(i, v){
$("#results").append(v.title + " " + v.value + " ");
});
}

$(":checkbox, :radio").click(showValues);
$("select").change(showValues);
showValues();
</script>

</body>

我需要查看附加到选择值的“员工：”

这对我有用

function showValues() {
var fields = $(":input");
$("#results").empty();
var val;

jQuery.each(fields, function (i, v) {
        // if doesn't have checked property then get value - 
        // if checked return value 
        // else return empty string
        val = this.checked == undefined ? this.value : this.checked ? this.value : "";    
    if (val != ''){
            $("#results").append(v.title + " " + val + " " + v.id + "<br/> ");
    }
});
}
$("select,:checkbox, :radio").change(showValues);
showValues();

这会遍历表单元素并仅在元素具有值时返回元素值和标题属性...非常感谢@wirey

4

3 回答 3

0

您在最后一个每个循环中有一个错误：

var fields = $(":input");
$("#results").empty();
jQuery.each(fields, function(i, field){
    var vTitle = $(this).attr('title'); // each should be called this
    $("#results").append(vTitle + " " + field.value + " ");
    });
于 2013-04-22T21:21:24.210 回答
0

代替：

var vTitle = $(each).attr('title');

做

var vTitle = $(field).attr('title');
于 2013-04-22T21:21:45.333 回答
0

如果您想访问除名称/值之外的其他属性，请不要使用.serializeArray() .. jQuery 文档说明了这一点

将一组表单元素编码为名称和值的数组。

var fields = $(":input");
$("#results").empty();
jQuery.each(fields, function(i, v){
   $("#results").append(v.title + " " + v.value + " ");
});

小提琴

于 2013-04-22T21:31:08.483 回答