1

選択ボックスの一般的な jQuery ベースの代替品であるSelect2 ライブラリv3.3を使用しています。

具体的には、 RottenTomatoesへの ajax 呼び出しを使用して例をテストしています(こちらの「リモート データの読み込み」セクションを参照)。そこでは、非表示の入力が HTML コードに配置され、Select2 ライブラリが非表示の入力にアタッチされて「カスタム選択」がレンダリングされます。

例を自己完結型にするために、ここに HTML のコードを報告します。

<input type="hidden" id="e6" style="width:600px"/>

JSの場合と同様に：

<script>
    $("#e6").select2({
        placeholder: "Search for a movie",
        minimumInputLength: 1,
        ajax: { // instead of writing the function to execute the request we use Select2's convenient helper
            url: "http://api.rottentomatoes.com/api/public/v1.0/movies.json",
            dataType: 'jsonp',
            data: function (term, page) {
                return {
                    q: term, // search term
                    page_limit: 10,
                    apikey: "ju6z9mjyajq2djue3gbvv26t" // please do not use so this example keeps working
                };
            },
            results: function (data, page) { // parse the results into the format expected by Select2.
                // since we are using custom formatting functions we do not need to alter remote JSON data
                return {results: data.movies};
            }
        },
        formatResult: movieFormatResult, // omitted for brevity, see the source of this page
        formatSelection: movieFormatSelection,  // omitted for brevity, see the source of this page
        dropdownCssClass: "bigdrop", // apply css that makes the dropdown taller
        escapeMarkup: function (m) { return m; } // we do not want to escape markup since we are displaying html in results
    });

  function movieFormatResult(movie){return movie.title;}
  function movieFormatSelection(movie){return movie.title;}
</script>

値が選択されたら、この値を jQuery 関数から削除するにはどうすればよいですか?

4

1 に答える 1

1

次の行が機能するはずです。

function erase(){
    $("#e6").select2("data", null);
}

この例ではvalparamを設定する必要があると思いますが、data代わりに使用する必要があります。

于 2013-02-08T10:08:34.960 に答える