0

私はelSelectとmootoolsを使用して、選択ボックスの外観と落ち込みを変更しています。私の問題は、選択ボックスの値が変更されたときにajax関数を呼び出すにはどうすればよいですか？

<script type="text/javascript">
    window.addEvent('domready', function() {
        var mySelect = new elSelect( {container : 'someId'} );
    });
</script>

前もって感謝します

4

1 に答える 1

2

elSelect は HTML 構造を変更してドロップダウンを置き換えるためchange、元のドロップダウンに設定されたイベントを使用することはできません。ドキュメントには、置換されたドロップダウンにイベントをバインドする方法は示されていません。

私は mootools の仕組みにまったく詳しくありませんが、プラグインのソースでいくつかのイベント ハンドラーが定義されていることに気付きましたonOptionClick。これは、ユーザーがドロップダウンのオプションをクリックするたびにトリガーされます。その上にピギーバックできます-その関数のコードを変更して、ajaxリクエストもトリガーします。

別のオプションは、挿入された要素の HTML 構造を分析することです。コンストラクターに指定した ID から開始して、その中の要素を探すことができます.option。一定の間隔で（ を使用してsetInterval）変更をポーリングし、値が変更されたことを確認したら ajax リクエストを送信できます。または、各オプションにクリック ハンドラーを追加して、そこから取得することもできます。

于 2012-07-03T10:02:43.250 に答える