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

要查看输出，请右键单击legend文本上的“检查元素”。

您遇到的一个问题是，您使用val()检索元素的文本（仅input个，textarea元素一个value / val()），而text()就是你想要的。

Answer 2

选择图例后，请使用.text（）方法代替.val（）

theLegend.text()

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

2 个答案: