0

私はこのjqueryスニペットを持っています。値を渡していないので、何が起こっているのかを確認するための関数コールバックなど、あらゆる方法で原因を突き止めています。それでも何も表示されません。2 つの異なる例

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
//jquery code for source list
$(document).ready(function()
     {
      $('#country').change(function() 
         {
            if ($(this).val()!='') 
              {
                $("#source").load("/CI-3/application/controllers/control_form.php",   {pais_id: $(this).val()}, function() 
            {
          alert('Load was not performed.'));
            }

    });

});  // end of country and city function
</script>

したがって、これは値の変更時に jquery をアクティブにする選択リストです。

<?php echo form_open('control_form/add_all'); ?>
       <label for="country">Country<span class="red"></span></label>
        <select id="country" name="country">
            <option value="">Select</option>
            <?php

                foreach($result as $row)
                {
                echo '<option value="' . $row->pais_id . '">' . $row->pais_name . '</option>';
                }

            ?>
        </select>

そして別の例：

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function()
        {
             $('#country').change(function() 
                  {
                  if ($(this).val()!='') 
                      {
                               $("#loquesea").load("/not-here.php", function(response, status, xhr) 
                                    {
                                if (status == "error") 
                                      {
                                          var msg = "Sorry but there was an error: ";
                                          $("#error").html(msg + xhr.status + " " + xhr.statusText);
                                          }
                                });


                         });
                  });

                 });



</script>
</head>
<body>
<b>Successful Response (should be blank):</b>
<div id="success"></div>
<b>Error Response:</b>
<div id="error"></div>


<form action="">
<select id = "country" name="country">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
</body>
4

2 に答える 2

1

html に id source を持つ要素がないため、セレクターは$("#source")

変化する

$("#source")

に

$("#success")

}ブラケットがありませんif ($(this).val() != ''){

$(document).ready(function() {
    $('#country').change(function() {
        if ($(this).val() != '') {
            $("#loquesea").load("/not-here.php", function(response, status, xhr) {
                if (status == "error") {
                    var msg = "Sorry but there was an error: ";
                    $("#error").html(msg + xhr.status + " " + xhr.statusText);
                }
            });
        }

        });
    });
于 2012-08-13T13:15:04.353 に答える
1

括弧の間違いが多い。それらを修正すると、コードが機能します。ガイドとして正しいインデントを使用してください。

$(document).ready(
     function()
     {
         $('#country').change(
             function() 
             {
                 if ($(this).val()!='') 
                 {
                        $("#source").load("/CI-3/application/controllers/control_form.php",   
                                          {pais_id: $(this).val()}, 
                                           function() 
                                                  {
                                             alert('Load was not performed.'); // 1st fix
                                                }
                                         ); // 2nd fix

                  } 
                } // 3rd fix... and so on
于 2012-08-13T13:14:30.690 に答える