用jQuery和PHP動態下拉菜單

Question

我需要知道如何通過jquery保持每個動態創建的下拉菜單的狀態。

我的情況是這樣的，我有一個選項供用戶選擇一個日期，並根據選擇的日期生成一個下拉列表。 可以說，用戶生成的2個數據，低於2個下拉列表是在jquery的幫助下動態生成的。

<select id="dd1">
  <option value="option1">option 1</option>
  <option value="option2">option 2</option>
  <option value="option3">option 3</option>
</select>

<select id="dd2">
  <option value="option5">option 5</option>
  <option value="option8">option 8</option>
  <option value="option9">option 9</option>
</select>

我擔心的是，由於這些都是動態創建的，因此在提交帶有錯誤的表單時需要保持相同。 所以我已經完成了那部分，但是當表單/頁面提交有錯誤時，我不明白如何獲取先前選擇的值 ？

例如，在dd中，如果用戶選擇了選項1，並且在提交帶有錯誤的表單時，它應該生成相同的下拉列表，並選擇它的最后一個選定值，即dd1的選項1

任何迅速的答復是高度贊賞。 現在是商店的塞子。

我的yii代碼如下所示。

<?php echo CHtml::activeLabelEx($cssAtapsClient, 'outgoing_call_dates'); ?>

彈出窗口中有一個日歷，它可以設置上述文本框的值，並加載高亮顯示的動態下拉菜單。

每個動態添加的下拉列表都有如下的命名約定。 （選擇名稱='CSSAtapsClient [client_time_window] [0]'）

CSSAtapsClient[client_time_window][0]
CSSAtapsClient[client_time_window][1]
CSSAtapsClient[client_time_window][2]
CSSAtapsClient[client_time_window][3]

想知道如何通過PHP保存數據？

Answer 1

您可以將這些選擇的選項保存到表單提交事件中的一些臨時變量中，如果一切正常，則可以在成功處理程序中清除它們，否則請在錯誤處理程序中選擇這些選項。

var firstOption;
var secondOption
$("#form").submit(function() {
    firstOption = //your first selection;
    secondOption = //your second selection;
    $.ajax({
     type: "POST",
      url: //your url,
      data: $(this).serialize(),
      success: function() {
        // callback code here
        firstOption = null;
        secondSelection = null;
       },
      error: function(){
         //set your options states from your variables
      }
    });
  });

您還可以保存那些生成的Dropdowns內容：

var firstDDcontent =$('#firstDropdown').html()

因此，您可以稍后將其還原。