選擇框裏面選擇等

Question

我想做到以下幾點：

有一個選擇框，

<select name="some" id="some"> 
    <option value="xx">xx</option> 
    <option value="yy">yy</option> 
    <option value="ww">ww</option> 
    <option value="zz">zz</option> 
    <option value="uu">uu</option> 
</select> 

當我選擇選項XX，打開另外一個選擇框

<select name="some_xx" id="some_xx"> 
    <option value="xx">xx</option> 
    <option value="yy">yy</option> 
    <option value="ww">ww</option> 
</select> 

然後，如果我在some_xx中選擇YY或WW或XX選項，它將加載一些html信息（表單）。在某些選擇中，如果我選擇其他選項（而不是xx），它也會加載一些html信息（表單）。

所有的表單都不一樣，所以我想加載一個包含所有表單的外部文件，有可能嗎？如何做到這一切？

我知道它會涉及一些JavaScript，但我真的不知道如何，我已經搜索了很多，看到一些功能，如load()，並創建選擇，但無法弄清楚。

在此先感謝

編輯：我有這樣的代碼，但它不是動態的，它不工作的權利...

<script> 
$(function(){ 
     function changeForm($(this)) { 
      $('#form').load('$(this).html'); 
     } 

     function changeForm_xx($(this)) { 
      $('#form2').load('$(this).html'); 
     } 

     $('#some').change(function() { 
      changeForm($(this)); 
     });  
     $('#some_xx').change(function() { 
      changeForm_xx($(this)); 
     }); 
}); 
</script> 

還有，我希望當我改變了刪除加載內容選擇

更新：working：close

Answer 1

改變它是這樣的。你的腳本中有很多錯誤。看到演示：JsFiddle Demo

錯誤列表

1. function changeForm($(this)) //在這裏添加額外的括號和jQuery的OBJ。

2. $ ('#form2').load('$(this).html') //這是錯的。你需要打電話如下。它是yourObj.html()方法。

   function changeForm(obj) { 
       var someVar= $(obj).html(); 
        $('#form').load(someVar); //here you perform load Operation. 
   
       } 
   
       function changeForm_xx(obj) { 
        var someVar= $(obj).html(); 
        $('#form').load(someVar); //here you perform load Operation. 
       } 
   
       $('#some').change(function() { 
        changeForm($(this)); 
       });  
       $('#some_xx').change(function() { 
        changeForm_xx($(this)); 
       });