2017-07-22 6 views
0

私はselect2をAPIコールで入力される選択ボックスに使用しています。私は今、このように動作しますドロップダウンリストから項目を選択したときに、別のAPIを呼び出したい:私はいくつかの他の値を選択するたび2つのonChange()トリガを選択して選択

<select id="person-select" onchange="callAnotherApi()" style="width: 100%"> 
</select> 

APIが呼び出されると、私は(最初のものを選んでいないときには、すでにありますデフォルトで選択されているので、onChange()はトリガーされません)。 onClick()はここでは機能しません。最初のレコードが選択されていないか、この作業をするために何かを無効にすることができますか?

<select> 
    <option val="null" disabled selected> select an answer</option> 
    <option val="one">one</option> 
</select> 

チェックこのフィドル:あなたが最初のオプションと入れプレースホルダーテキストを無効にすることができ

+0

は私の完全なコード –

+0

どの部分を示して? 'select2'がロードされ、関数が別のAPIをトリガします。これは最初のデフォルト選択値の問題です。 – Norgul

+0

これは私が見つけたものです:" Select2が強制的に実行するためではなく、ブラウザが自動的にあなたのための最善の選択肢は、Select2でプレースホルダサポートを使用し、空白のオプションタグをデフォルトの選択肢として含めることです。 –

答えて

3

http://jsfiddle.net/sL4fLnhn/

$('select').on('change', function(){ 
     $('select option:disabled').remove(); 
    }); 
    $('select').select2(); 
+0

滑らかでシンプル。ありがとう – Norgul

関連する問題