jQuery Charger les éléments de formulaire via ajax, à partir de l'événement onchange de la zone de liste déroulante

J'ai déroulante et la nécessité de dynamique de charge des éléments de formulaire basé sur la déclaration de

<select name="type" id="type">
   <option value="1">input</option>
   <option value="2">text</option>
</select>

cas 1 charge certains éléments de formulaire (inout etc..)

cas 2 effacer ces éléments
...

Grâce

InformationsquelleAutor miojamo | 2010-12-03
  1. 3

    essayez ceci:

    $(function() {

  $('#type').bind('change', function(ev) {

     var value = $(this).val();

     $.ajax({
        ...
        data: {valueType: value, html: encodeURIComponent($("#addhtml").html())},
        ...
     });

  });


});
    • cela fonctionne très bien cependant j'utilise jQuery("#addhtml").html("aa") comment ajouter compliqué html au lieu de aa échapper?
    • pour envoyer du html, vous pouvez utiliser la fonction "encodeURIComponent"
    InformationsquelleAutor andres descalzo
  2. 1

    Code suivant récupère les données via ajax appel d'Événement OnChange et remplit une autre liste Déroulante 

        $("#IdOfyourDropDown").change(function () {

      $.getJSON('<%= ResolveUrl("~/PutYourURL/?Id="1)%>', function (data) 
            {
                    Result = data; //Use this data for further creation of your elements.
                     var items = "";
                    items += "<option value=0> -- </option>";
                    $.each(data, function (i, SingleElement) {
                        items += "<option value='" + SingleElement.Value + "'>" + SingleElement.Text + "</option>";
                    });
                    $("#AnyOtherDropDown").html(items);

            });
     });

    J'ai utilisé getJSON pour récupérer les données, vous pouvez utiliser de nombreuses plus

    InformationsquelleAutor paragy
  3. 0

    On peut vouloir essayer cette également

    $("#type").change(function() {
    $.post(
        "yourRequestHandlingPage.php",
        { 
          param: $(this).val();
        },
        function(data) {
            //supposing data holds the html output of dynamically creawted form element
            $(".myformcontent").append(data); //add the elements at the end of the form elemetn
        }
});
    InformationsquelleAutor Starx
  4. 0
    <script type="text/javascript">
  $(document).ready(function(){
    $('#CustomFields_21_1').val('<?php echo $_POST['secondform']; ?>')
      $('#CustomFields_21_1').change(function () {
         var options = '';
         if($(this).val() == 'a') {
            options = '<option value="">-- Seleccione una versión --</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>';
         }
         else if ($(this).val() == 'b'){
            options = '<option value="4">4</option><option value="5">5</option>';
         }
         else if ($(this).val() == 'c'){
            options = '<option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option>';
         }
     $('#CustomFields_20_1').html(options);
   });
 });
</script>
    InformationsquelleAutor Merit