Combobox onchange事件选择数据库值

时间:2013-05-28 15:18:10

标签: php javascript html ajax database

我有以下代码

<form class="form-horizontal" method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" >
  <br /><div class="controls"><h1><?php echo $full_name; ?></h1></div><br />
  <?php echo printErrorMessage($errors); ?>
  <fieldset><legend>Add Subject for <u>"<?php echo $full_name; ?>"</u></legend></fieldset>

  <!-- select all courses -->
  <div class="control-group">
    <label class="control-label">Subject</label>
    <div class="controls inline">
      <select id="courses" class="input-xlarge" name="courses"  onchange="getSubj()">
        <option value="0">Courses</option>

          <?php
            $pstmt = Course::findAll();
            while($row = $pstmt->fetch(PDO::FETCH_ASSOC)){        
              echo '<option value="' . $row['id'] . '" >';
              echo $row['title'] . '</option>';
            }
          ?>


          <?php //echo displayCombo2(Course::findAll()); ?>
      </select>
    </div>
  </div>

<?php echo $couid; ?>

  <!-- select all subject -->
  <div class="control-group">
    <label class="control-label">Subject</label>
    <div class="controls inline">
      <input name="emp_id" value="<?php echo $employee_id; ?>" type="hidden" /> 
      <select class="input-xlarge" name="subject">
        <option value="0" onchange="">Subject</option>


          <?php
            $pstmt = Subject::findAll();
            while($row = $pstmt->fetch(PDO::FETCH_ASSOC)){        
              echo '<option value="' . $row['id'] . '" >';
              echo $row['title'] . '</option>';
            }
          ?>



          <?php //echo displayCombo2(Subject::findAll()); ?>
      </select>
    </div>
  </div>


  <div class="control-group">
    <label class="control-label">Description</label>
    <div class="controls">
      <input name="desc" class="input-xlarge" type="text" placeholder="Description">
    </div>
  </div>

  <div class="control-group">
    <div class="controls">
      <button type="submit" class="btn btn-primary" name="submit">Save Course</button>
    </div>
  </div>
</form>

用户将首先从包含所有课程的组合框中选择两个项目。一旦用户选择了我想要返回数据库的课程并且只选择那些链接到所选课程的科目。我可以通过SQL来做到这一点,但我不知道该怎么做。

我是否必须提交回服务器来处理PHP?我的意思是,用select标记围绕form标签,以便它可以提交给自己并获取与该主题相关联的新值。问题是这已经存在于表单中。

我该如何做到这一点?

下面是我尝试过的jquery代码以及获取数据但很难解释,因为该页面处理该特定页面上的内容并仅返回回显示

<script type="text/javascript">
  function getSubj(){
    var courseID = $('#courses').val();
    $.post('getSubjects.php', {postCourseID:courseID}, 
          function(data){
            if(data>="1"){
              $('#res').html(data);
            }
          });

    //alert("working wit ooooooo " + courseID);
  }
</script>

问题是如何在PHP中存储存储在“data”(函数(数据))中的值,以便我可以执行东西

感谢

1 个答案:

答案 0 :(得分:1)

你的怀疑是正确的。为了实现您想要的目标,您必须创建一个单独的表单并将其提交给PHP脚本。这是PHP等服务器端语言的特征之一。数据提交必须由用户启动,页面必须完全重新加载。

这可以被视为对您设计的限制,这就是为什么许多站点使用JavaScript等客户端脚本补充其服务器端脚本的原因。 (jQuery是一种流行的JavaScript框架,可以更轻松地使用JavaScript)您可以通过名为AJAX的方法执行此操作。

AJAX基本上是不同Web技术的混合,允许客户端通过某些操作(例如单击按钮或从select元素中选择特定值)来启动对服务器端脚本的调用。此调用是在后台进行的,因此用户甚至不必知道它正在进行中。然后,页面可以通过JavaScript使用返回的服务器端数据实时更新。

我更喜欢使用jQuery库提供的.ajax()函数。这是一个非常干净,无痛的实现。请阅读上面链接中的文档,以获取有关实施的更多具体信息。