需要幫助與jQuery加載（）

Question

我有一個下拉選擇器，並需要加載基於選擇的形式的其他部分。下面是我到目前爲止有：

$('#mySelector').change(function(){ 
    var $selectForm = '#' + $(this).val(); 
    $('#fLoad').load('formParts.html ' + $selectForm); 
}); 

<select id="mySelector"> 
    <option value="o1">Car details 
    <option value="o2">Boat details 
    <option value="o3">Train details 
</select> 

我店形式的零件到外部HTML formParts.html

<div id="o1"> 
    <label for="f1_1">Car speed</label> 
    <input id="f1_1" type="text"> 
    <br> 
    <label for="f1_2">Car color</label> 
    <input id="f1_2" type="text"> 
</div> 

<div id="o2"> 
    <label for="f2_1">Boat size</label> 
    <input id="f2_1" type="text"> 
    <br> 
    <label for="f2_2">Boat weight</label> 
    <input id="f2_2" type="text"> 
</div> 

<div id="o3"> 
    <label for="f3_1">Train length</label> 
    <input id="f3_1" type="text"> 
    <br> 
    <label for="f3_2">Train cargo</label> 
    <input id="f3_2" type="text"> 
</div> 

這似乎加載部分，但只有第一個div不管我的選擇。我錯過了什麼？

Answer 1

這裏是工作代碼： 你的選項標籤並沒有很好形成

<select id="mySelector"> 
     <option value="0">Select</option> 
     <option value="o1">Car details</option> 
     <option value="o2">Boat details</option> 
     <option value="o3">Train details</option> 
    </select> 

formParts.html：你的HTML標籤並沒有很好形成。

<div id="o1"> 
     <label for="f1_1">Car speed</label> 
     <input id="f1_1" type="text" /> 
     <br /> 
     <label for="f1_2">Car color</label> 
     <input id="f1_2" type="text" /> 
    </div> 

    <div id="o2"> 
     <label for="f2_1">Boat size</label> 
     <input id="f2_1" type="text" /> 
     <br /> 
     <label for="f2_2">Boat weight</label> 
     <input id="f2_2" type="text" /> 
    </div> 

    <div id="o3"> 
     <label for="f3_1">Train length</label> 
     <input id="f3_1" type="text" /> 
     <br /> 
     <label for="f3_2">Train cargo</label> 
     <input id="f3_2" type="text" /> 
    </div>