Question

基本上，我想使用jQuery selectable来更新MySQL中的行。我觉得这很简单，但我尝试过的所有东西到目前为止还没有奏效。

这是我的Javascript：

<script>
  $( function() {
    $( "#datepicker" ).datepicker({ dateFormat: "yy-mm-dd",
    altField: "#alternate",
      altFormat: "DD, d MM, yy" });
    $( "#selectable" ).selectable();
  });
  </script>

我的PHP代码：

if( isset($_POST['btn-book']) ) { 

$slot_date = date('Y-m-d',strtotime($_POST['slot_date']));
 $slot_line=$_POST['slot_line'];
 $reason=$_POST['reason'];
 $id=$_POST['id'];

 $sql="UPDATE appointments SET slot_date='$slot_date', slot_line='$slot_line', reason='$reason' WHERE id='$id'";
 $result=mysql_query($sql);

我的HTML表单：

Please select a line:      
<ol name="slot_line" id="selectable" >
  <li class="ui-widget-content">Line 1</li>
  <li class="ui-widget-content">Line 2</li>
  <li class="ui-widget-content">Line 3</li>
  <li class="ui-widget-content">Line 4</li>
  <li class="ui-widget-content">Line 5</li>
  <li class="ui-widget-content">Line 6</li>
  <li class="ui-widget-content">Line 7</li>
</ol>

我想要发生的是当用户在我的HTML表单中选择一行并按下提交按钮时，我的MySQL表中的'slot_line'被更新。

Answer 1

<ol></ol>不是输入字段。删除name的{{1}}标记。

您可以执行的操作是隐藏输入，您可以在其中存储所选ol的值。

slot line

然后创建一个脚本，为隐藏的输入分配值：

<input type="hidden" name="slot_line" id="slot_line">

对于@Fred -ii-的调查，您可以尝试使用HTML5的日期：

$(document).on("click", ".ui-widget-content", function(){

    var elem = $(this),
        slotitem = elem.text();

    $("#slot_line").val(slotitem);

});

确保<input type="date" name="slot_date">表格中的slot_date列位于appointments数据类型中。

使用jQuery selectable将信息插入MYSQL表

1 个答案: