2016-08-06 1 views
0

ajaxとjQueryでselectにデータをロードします。クリックしてAjax/jQueryでデータを選択すると、最初の要素にリセットされます

アイテムをクリックすると、選択したアイテムが最初のアイテムに戻ります。ここで私は、コードを使用します

HTML:

<div class="selector-asesor-independiente"> 
    <label class="fl ml4p sitecolor">Asesor Independiente 
      <select name="pol_drectivo" id="pol_drectivo" class="w100p"></select> 
    </label> 
</div> 

Javascriptを:

$(document).ready(function(){ 
       $('.selector-asesor-independiente select').click(function() { 
        $.ajax({ 
          type: "POST", 
          url: "ajax_cargaAsesorIndependiente.php", 
          success: function(response) 
          { 
           $('.selector-asesor-independiente select').html(response).fadeIn(); 
          } 
        }); 

       }); 
}); 

私は.changeする.clickからイベントを変更しようとしたが何も起こりません。 私は何が間違っていますか?

+0

あなたは、選択ボックスのクリックで結果を取得しようとすると、再度その選択ボックスを移入していますか? –

+0

フローは次のとおりです。 保険ポリシーを記入するためにそのページを開いているユーザーがいます。また、別のページからフィードを選択するユーザーがいます。そのため、クリックするとデータが請求されます。 – chuyitox

答えて

1

document.ready()メソッドまたはwindow.loadでajaxを呼び出すことをお勧めします。同じ入力のclickにはありません。

$(document).ready(function(){ 
     //Your ajax call here 
    }); 

これが役に立たない場合は、回答のサンプルを投稿してください。

更新コード:

$(document).ready(function() { 
    $.ajax({ 
     type: "POST", 
     url: "ajax_cargaAsesorIndependiente.php", 
     success: function(response) { 
      $('.selector-asesor-independiente select').html(response).fadeIn(); 
     } 
    }); 
}); 
+0

これは次のようになります。https://gyazo.com/0197316bd319999651e8b2303e0a90a9(応答があるgif) – chuyitox

+0

これは、イベントをdoc ready機能に変更した後でも発生していますか? 新しいコードに質問を更新してください。 – TestCandidate

+0

はい、私はそれをした後。 – chuyitox

関連する問題