webdevqa.jp.net

選択したプラグイン変更イベントがトリガーされない

Chosen jQueryプラグインを使用していますが、ページの読み込み時にchangeイベントが機能していることに気付きましたonly[〜#〜] not [〜#〜]inputフィールドが変更されるたびに。

ユーザーが入力フィールドの値を変更するたびに機能させるにはどうすればよいですか?

ここに私のコードがあります:

 $("#day").chosen().change({
     console.log('working');
  });

何か不足していますか?

25
user3093453

標準の変更イベントを起動するには、次のように使用します。

  $('#day').on('change', function(e) {
    // triggers when whole value changed
    console.log("value changed");
  });

キーを押すたびにイベントを発生させるには、

  $('#day').on('keyup', function(e) {
    // triggers when each key pressed
    console.log("key pressed");
  });

選択したデフォルトのイベントについては、 here を参照してください。

21
Soundar

これを試して:

$(document).ready(function(){
    $("selector").chosen().change(function(){
        var id = $(this).val();
    });
})
19
ace313

動的に選択された更新

選択フィールドのオプションを更新する必要があり、選択したものに変更を反映させる場合は、フィールドで「chosen:updated」イベントをトリガーする必要があります。選択されたコンテンツは、更新されたコンテンツに基づいて再構築されます。

$( "#foo")。trigger( "chosen:updated");
7
AkshayKumar

次に、入力のキーアップイベントに書き込みます。

$('inputselector').keyup(function() {
  $("#day").chosen().change({
   console.log('working');
  });
});​

そして、domの準備ができて:

$('inputselector').trigger('keyup');
1
Milind Anantwar
    //Asp.net dropdown listbox
  <asp:ListBox ID="CompanySelect" runat="server" AppendDataBoundItems="true" 
  AutoPostBack="true"   
  data-placeholder="Select Companies" class="chosen-select"  SelectionMode="Multiple" 
  EnableViewState="true" Height="39px" Width="99%" >
  <asp:ListItem Value="0">All</asp:ListItem>
  </asp:ListBox>

    //This code help me for hiting chozen change event.

     $('#chosen').val('').change()
        {
           alert("working");
        }

    //if you want to get select value you need to do this.

     $('#chosen').val('').change()
        {
            alert($(".chosen-select").val());
        }
0