javascript - 将 JSON 字符串从 serializeArray() 转换为 sql 可存储字符串

Question

我正在准备一个如图所示的表单元素 /image/z2L4y.png使用“添加更多”按钮，可以添加更多这样的文本字段对。

元素代码如下:

<td class="answer_choice_<?php echo $question_id ?>" >  
   <span style="float:left; font-size: 14px;">If This Happens...</span> 
   <textarea rows="2" cols="20" name="happens" style="float:left; <?php echo $text_style; ?>" class="answer_choice_<?php echo $question_id ?>"  value=""
></textarea>
  <span style="float:left; font-size: 14px;">I Should...</span>
  <textarea rows="2" cols="20" name="should" style="float:left; <?php echo $text_style; ?>" class="answer_choice_<?php echo $question_id ?>"  value=""></textarea></td>

应用serializeArray()来获取值:

yellow_flags_ser = $('.yellow_flag_clone_'+qa_id+' :input').serializeArray();

Console log for yellow_flags_ser is :
[Object, Object, Object, Object]
0: Object
name: "happens"
value: "injury"
__proto__: Object
1: Object
name: "should"
value: "call nurse"
__proto__: Object
2: Object
name: "happens"
value: "burn"
__proto__: Object
3: Object
name: "should"
value: "see doctor"
__proto__: Object
length: 4
__proto__: Array[0]

我想制作像这样的 JSON 字符串 [{happens_value : Should_value}, {happens_value : Should_value},...]

有人可以指导如何对上述对象数组实现这一点吗？

Answer 1

您需要执行两个步骤:-

1. 您需要跟踪每对中的计数，并在创建新对时在该计数后附加类别/ID。

2. 获取textareas的所有值并准备JSON对象

JS 代码示例:-

var count = 1;
$('#addAnswerChoices').click(function(e){
    count += 1;
    $('<td class="answer_choice_'+count+'" >  
   <span style="float:left; font-size: 14px;">If This Happens...</span> 
   <textarea rows="2" cols="20" name="happens" style="float:left;"    class="answer_choice_'+count+'" id="answer_choice_'+count+'"  value=""
></textarea>
  <span style="float:left; font-size: 14px;">I Should...</span>
  <textarea rows="2" cols="20" name="should" style="float:left;" class="answer_choice_'+count+'" id="answer_choice_'+count+'"  value=""
></textarea></td>').appendTo('#addAnswerChoices');
});

然后使用 JQuery 获取所有值并准备所需的 JSON 对象。 :)