Login

12-02-2007, 05:37 PM

[eluser]gtech[/eluser]
Hi I managed to get it working using the following modifications, note my URL was different (so replacing it with your URL should work).

I tested it using your about controller and created a test controller to load the view with the javascript.. when I made a selection the word HELLO appeared.

To get it working I had to use the onchange function in the select tag to call the javascript function. your jquery call was correct

Code:
&lt;html&gt;

  &lt;head&gt;  

    &lt;script src="&lt;?=base_url();?&gt;js/jquery-latest.pack.js">&lt;/script>

    &lt;script>

      var about=

      {   

        start: function()

        {

          $.ajax({

            type: "POST",

            url: "http://localhost/testcode/index.php/about/chris",

            data: "",

            success: function(html){

              $("#that").text(html);

            }

          });

        }

      }

    &lt;/script>

  &lt;/head&gt;

  &lt;body&gt;

    &lt;form name="this"&gt;

      &lt;select name="cat" onchange="about.start();"&gt;

        <option value="one"/>One

        <option value="two"/>Two

        <option value="three"/>Three

      </select>

      <div id="that">

      </div>

    &lt;/form&gt;

  &lt;/body&gt;

&lt;/html&gt;