Yii2 Ajax .poste de contrôleur de dropdownList de vue et de l'action lors de la réception de données

J'ai une liste Déroulante. J'ai écrit le code mais il ne fonctionne pas. Merci de m'aider à résoudre ce problème:

echo $form->field($model, 'Adrop')->dropDownList(
    [
        '' => 'Please Choose',
        '1' => 'item 1',
        '2' => 'item 2'
    ],
    [
        'onchange' => '$.post(Yii::$app->urlManager->createUrl . "users/A_action"), function(data) {
            $("#test_div").html(data)
        }'
    ]
);

Aussi je veux envoyer des données, et ne savez pas où l'écrire.

Dans le Contrôleur, j'ai cette action

 public function actionA_action() {
     $data = "TTT";
     return $data;
 }

Maintenant, quand j'ai quelque chose sélectionnez dans la liste Déroulante, il ne se passe rien dans ma test_div 🙁

Mise à JOUR
Grâce à Mihai P. maintenant, je suis en utilisant ce code

<?php
      echo   $form->field($model, 'Adrop')->dropDownList(
          [''=>'Please Choose','1'=>'item 1','2'=>'item 2'],
          [
          'onchange'=>'$.post( "'.Yii::$app->urlManager->createUrl(["users/A_action"]).'",function(data){
                $("#test_div").html( data )
                }']);
        ?>

Le HTML est composée de la manière suivante

<select id="A-adrop" class="form-control" name="A[Adrop]" onchange="$.post( &quot;/users/A_action&quot;,function(){
                $(&quot;#test_div&quot;).html( data )
                }">
<option value="">Please Choose</option>
<option value="1">item 1</option>
<option value="2">item 2</option>
</select>

Mais lorsque je choisis quelque chose
en debug cette chaîne est mise en évidence

 <option value="2">item 2</option>

et il y a un message d'erreur indiquant que

Uncaught SyntaxError: Unexpected token }

Dernière mise à JOUR

J'ai ajouté un crochet de fermeture sur la dernière chaîne de ce code, il y en a deux de clôture maintenant, comme vous pouvez le voir, et c'était le problème. Semicolumn sera également un plus, mais j'ai testé le code fonctionne sans elle, OK. problème était dans le crochet de fermeture.

 'onchange'=>'$.post( "'.Yii::$app->urlManager->createUrl(["users/A_action"]).'",function(data){
                    $("#test_div").html( data );
                    })']);

Ne vous obtenez une erreur?
Maintenant erreurs, mais rien ne se passe. J'ai mis à jour ma question, veuillez jeter un oeil.

InformationsquelleAutor David | 2015-01-03

6

eh bien, je suis sûr que vous avez une erreur javascript. Vous devriez vraiment avoir beaucoup de trop.

Vous faites cela
```
'onchange' => '$.post(Yii::$app->urlManager->createUrl . "users/A_action"), function(data) {
            $("#test_div").html(data)
        }'
```
Vous n'êtes pas fait appel Yii::$app->urlManager->createUrl vous êtes simplement en utilisant comme une chaîne de caractères.

Vous avez probablement besoin de quelque chose comme
```
...
['onchange' => '$.post("'.Yii::$app->urlManager->createUrl(["users/A_action"]).'", function( data ) {
      $("#test_div").html( data );
     })']);
```
- Toujours rien ne se passe, mais j'ai essayé de vérifier les erreurs, j'ai ouvert debuger de chrome et quand je choisis quelque chose dans la liste déroulante une erreur est arrivée. "Uncaught SyntaxError: Unexpected token }" et dans le code de la chaîne suivante a été mis en évidence -> <option value="2">item 2</option>
- Semble que vous avez manqué le point-virgule pour fermer la déclaration.
- J'ai revérifié le code, et nous avons raté la fermeture de parenthèses à la fin! Je vais le Marquer dans ma question, et pourra également modifier Mihai réponse. Merci Les Gars!
- Par la façon dont ce qui est mieux ? pour écrire javascrpit/jquery à l'intérieur de yii est DropDownList ou écrire toutes jquery code dans un fichier séparé inscrit à ce point de vue ? J'ai d'autres jquery passe des choses là donc je joint le fichier de toute façon. Qu'en pensez-vous ?
- de l'écriture à l'intérieur de la liste déroulante est la pire des solutions. Vous pouvez également registerJS dans ce fichier, celui-ci est un peu mieux. Pour écrire du code dans un JS externe, c'est encore mieux. Le mieux serait d'ajouter une classe css pour le menu déroulant, et de faire en JS que vous pouvez réutiliser dans d'autres points de vue en fonction de la classe. Yii, par exemple, a créé données confirment que peut être appliquée à un lien, et il affiche une boîte de dialogue de confirmation. Ils peuvent réutiliser dans tous les coins. Une solution similaire serait le meilleur.
- Grâce Mihai P.
- Merci pour la réponse, qui m'a mis sur la bonne voie à la résolution d'un problème que j'ai eu. Juste une remarque que c'est assez difficile à utiliser que ci-dessus si vous avez besoin de passer la valeur de la liste déroulante pour l'action. J'ai eu contourner ce problème en utilisant createUrl de me dire la bonne et puis le câblage il. 'onchange' => '$.post("/chemin/controller/action?id="+$(this).val(), function( data ) { $("#form-élément").html( data ); })
InformationsquelleAutor Mihai P.

Simple d'ajouter un JS bloc, il est beaucoup plus propre:

<?php $this->registerJs("
    jQuery(function($){
        $('select[name=Adrop]').on('change', function(){
             $.post(Yii::$app->urlManager->createUrl . 'users/A_action'), 
             function(data) {
                   $('#test_div').html(data)
             }
        });
    });");?>

InformationsquelleAutor d.raev

Il suffit d'aller dans ces codes, vous pouvez comprendre que le travail

    $(document).ready(function () {
        $(document.body).on('change', 'yourid', function () {   
            var val = $('yourid': selected').val(); 
            if(val == 'I' ) {
                something
            } else if(val == 'B' ){
                something
            }
        });
    });

InformationsquelleAutor Ron Varghese

Vous devez vous connecter pour publier un commentaire.