Home/ Questions/Q 8389689
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T18:47:46+00:00

I have this jquery snippet. Since it is not passing me the value, I

  • 0

I have this jquery snippet. Since it is not passing me the value, I am going into all sort of ways to figure out why, including function call backs to see what is going on. Yet nothing gets displayed. Two different examples

<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>

So this is the selectlist that should activate the jquery upon changing value:

<?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>

And a different example:

<!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>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There is not element in your html with id source so your selector will $("#source")

    Change

    $("#source")

    to

    $("#success")

    There is } bracket was missing for 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);
                }
            });
        }

        });
    });
    • 0