選擇框和其他選擇框

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），則在some select中也會加載一些html信息（一種form）。

所有形式都不同，所以我想加載所有形式的外部文件，可以嗎？ 如何做所有這一切？

我知道它將涉及一些JavaScript，但是我真的不知道如何，我已經搜索了很多，並看到了一些函數，例如load()和創建selects，但無法弄清楚。

提前致謝

編輯：我有此代碼，但它不是動態的，它不能正常工作...

<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>

而且，我想在更改選擇時刪除加載內容

更新：工作：關閉

Answer 1

改變它像這樣。 您的腳本中有很多錯誤。 參見演示： JsFiddle演示

錯誤清單

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)); });