2015-06-01 78 views
0

以下是兩個選擇框。我試圖讓C的價值在一個窗體中傳遞。選擇框C從下面的ajax調用填充,但我似乎無法獲得可用的值傳遞給表單。 (最簡單的形式,我尋找類似變種A =「選擇框C」),那麼我可以在形式發送「A」:提前人們檢索由ajax調用填充的選擇框的值

非常感謝X

<select name="list-select" id="list-select"> 
    <option value="">Please select..</option> 
    <option value="Chemical">Chemical</option> 
    <option value="Hardware">Hardware</option> 
</select> 

<select name="C" id="C"></select> 

這裏jQuery的位:

<script src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script> 
    $(document).ready(function ($) { 
     var list_target_id = 'C'; //first select list ID 
     var list_select_id = 'list-select'; //second select list ID 
     var initial_target_html = '<option value="">Please select a colour...</option>'; //Initial prompt for target select 

     $('#' + list_target_id).html(initial_target_html); //Give the target select the prompt option 

     $('#' + list_select_id).change(function (e) { 
      //Grab the chosen value on first select list change 
      var selectvalue = $(this).val(); 

      //Display 'loading' status in the target select list 
      $('#' + list_target_id).html('<option value="">Loading...</option>'); 

      if (selectvalue == "") { 
       //Display initial prompt in target select if blank value selected 
       $('#' + list_target_id).html(initial_target_html); 
      } else { 
       //Make AJAX request, using the selected value as the GET 
       $.ajax({ 
        url: 'http://www.mypropertyviewing.com/Client_order_form_v1.1/selector.php?svalue=' + selectvalue, 
        success: function (output) { 
         $('#' + list_target_id).html(output); 
        }, 
        error: function (xhr, ajaxOptions, thrownError) { 
         alert(xhr.status + " " + thrownError); 
        } 
       }); 
      } 
     }); 
    }); 
</script> 
+0

您能得到什麼,如果你CONSOLE.LOG(selectvalue)分配後呢? – Duenna

+0

**輸出**給你什麼? – putvande

+0

對不起Duenna我是新手。我仍然處於學習的複製粘貼階段,並且通過查看示例代碼學得很好,但它確實意味着我並不總是理解答案,除非非常簡單,並且可能已經存在於代碼中。這意味着我不知道你的答案是指什麼。 – Timblebop

回答

-1

使用

selectvalue=this.value //instead of 
selectvalue =$(this).val(); 
+0

你能解釋一下有什麼不同嗎? – putvande

+0

謝謝你回答高拉夫,但是,我不認爲這是正確的。有兩個選擇框:第一個給出兩個靜態選項,然後給ajax一個變量,以從mysql數據庫填充第二個選擇框(C)。這一切都工作正常,第二個選擇框(C)正在正確填充數據庫中的數據。我似乎無法提取選擇框C的選項值以發送到表單 – Timblebop