将数组值分配给jquery中的隐藏字段

Question

当然我在这里缺少一些简单的东西。我正在尝试通过 jquery 为隐藏字段分配一个值。它一直不返回任何内容，我已经尝试了几种方法。我在名为 personemail[] 的表单上有一个数组，它对字段进行 id 和命名，如 personemail[0]、personemail[1] 等，我想提取列出的第一个电子邮件地址并将其分配给名为 person_email 的隐藏字段。

    <script type="text/javascript" charset="utf-8">
    jQuery(document).ready(function() {
    var emailvalue = jQuery('#personemail[0]').val();
    jQuery('#person_email').val(emailvalue);
    });
</script>

我是 jquery 新手，所以这对我所缺少的东西有点神秘。我需要在 #emailperson[] 上使用 .change() 吗？我假设我需要闯入数组来获取值，但我不确定如何进行。我就是无法让这件作品发挥作用。

这是帖子数据

Array ( [person_name] => max 
        [person_email] => 
        [person_phone] => 111-1111 
        [booking_seats] => 1 
        [personname] => Array ( [0] => max ) 
        [personemail] => Array ( [0] => [email protected] ) 
        [booking_comment] => 
        [eventAction] => add_booking 
        [event_id] => 14 )

正如你所看到的，我将电子邮件地址很好地放入数组中，我只是无法让它坚持到 person_email

这里是要求的 HTML 配对版本，服务器端语言是 php。输入是通过我编写的 jquery 克隆函数生成的。根据所选人数的下拉列表为每个新人吐出一个 html 元素：

<form id='rsvp-form' name='booking-form' method='post' action='<?php echo $destination ?>'>          
    <tr class="personrow">
    <th scope="row"></th><td>Name:<br><input class="required person" type="text" name="personname[0]" /><br>Email:<br><input class="required email additional" type="text" name="personemail[0]" id="personemail[0]" /></td><td class="theextra"></td>
</tr>       
<input type='hidden' name='person_email' id='person_email' />
<input type='submit' class='blkBTN' value='<?php _e('Book It!', 'dbem') ?>'/>&nbsp;&nbsp;&nbsp;&nbsp;
<input type='hidden' name='eventAction' value='add_booking'/>
<input type='hidden' name='event_id' value='<?php echo $EM_Event->id; ?>'/>

谢谢

Answer 1

在我看来，您正在尝试在提交之前准备好文档上的输入数据。在那一刻，输入字段中没有任何内容可供读取。我要做的就是在提交时执行此操作，如下所示这

$("#rsvp-form").submit(function(event){
    event.preventDefault(); //stop the form from submitting, you'll do it later
    var emailvalue = $("personemail\\[0\\]").val();
    $("#person_email").val(emailvalue);
    $("#rsvp-form").submit(); //you got the hidden input value, now submit the form
});

是一个 jsfiddle 示例 http://jsfiddle.net/x6dPd/< /a>

编辑：示例中存在拼写错误。

Answer 2

您应该转义选择器中的括号（使用反斜杠），因为括号是 jquery 选择器中的特殊字符。所以你应该：

var emailvalue = jQuery('#personemail\\[0\\]').val();

希望这有帮助。干杯。