2

私は次のことをしたかった：

セレクトボックスがあり、

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

また、選択を変更したときにロードコンテンツを削除したい

更新: 作業中: 閉じる

4

1 に答える 1

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));
  });
于 2012-07-21T01:51:22.127 に答える