views:

25

answers:

0

Hi All,

I am trying the jeditable jquery plugin on a raw html.

What has happened is it doesn't store the selected value. When I select ay value from the drop down menu the value doesnt reflect instead "Click to Edit" comes up. I am stuck please help.

Following is my code:

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.jeditable.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
  $(".editable_select").editable("/home/bls/save.php", {
    indicator : '<img src="img/indicator.gif">',
    data       : "{'color1':'blue','color2':'green','color3':'red'}",
    type       : "select",
    submit     : "OK",
    cancel     : "Cancel",
    style      : "inherit",
    submitdata : function() {
      return {id : 2};
    }
  });
});
</script>
</head>
  <body>
     <h2>Hello to Inlined select</h2>
     <p><b class="editable_select" id="select_1"> Edit me!</b>
  </body>
</html>