jquery - 如何获取字段集图例的值并将该值传递到隐藏字段

Question

我需要一种方法在字段集中添加隐藏字段，以保存该字段集图例的值。

我能够在每个字段集图例之后添加输入字段，但无法将字段集的值传递到隐藏字段的值中。

这是我到目前为止所拥有的:

<script type="text/javascript">
var theLegend = $('legend');  
    $('<input type="hidden"name="hiddenList[]" value="' + theLegend.val() + '">').insertAfter('legend');
</script>

总的来说，我想要实现的是获取字段集图例的值以传递到数据库中。我需要隐藏字段位于各自的字段集中。这些表单是使用 CMS 中的表单生成器构建的，我无法“破解”表单生成器的代码，因此我需要一种使用 jquery/javascript 来完成此操作的方法，而且我几乎是一个 jquery 新手。 .

Answer 1

我建议如下:

$('legend').each(
    function(i,e){
        var that = $(e),
            parent = that.closest('fieldset'),
            text = that.text();
        $('<input />', {'type' : 'hidden', 'name' : 'hiddenList[]', 'value' : text})
            .appendTo(parent);
    });

JS Fiddle demo .

要查看输出，请右键单击图例文本并“检查元素”。

您遇到的问题之一是您使用 val() 来检索元素的文本(仅输入，和 textarea 元素有一个 value/val())，而 text() 是您想要的案例。