Question

我在根据所选选项插入表格时遇到了问题，即一个座位还是两个座位。我在数据库中只收到空白输出。

我尝试使用jquery隐藏/显示选择

<script type = "text/javascript"
src = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" > < /script> <script type = "text/javascript" >
  $(document).ready(function() {
    $.viewMap = {
      '0': $([]),
      'one': $('#div1'),
      'two': $('#div2a'),

    };

    $('#sitting').change(function() {
      // hide all
      $.each($.viewMap, function() {
        $(this).hide();
      });
      // show current
      $.viewMap[$(this).val()].show();
    });
  }); <
/script>

<style>.form2a,
.output1 {
  display: none;
}

</style>

Thsi is my html codes

<form class="form" method="POST" action="">
  <label>No of Sitting(s)</label>
  <select name="sitting" id="sitting" class="form-control">
    <option value="0">Select No of Sitting(s)</option>
    <option value="one">1</option>
    <option value="two">2</option>
  </select>
  //Start of the first div
  <div class="output1" id="div1" name="onesitting">
    <label>School Name</label>
    <input type="text" name="schoolname1" id="schoolname" class="form-control" placeholder="School Name" required />
    <table width="100%" class="table table-borderless" id="example">
      <tr>
        <td width="12%"><label class="control-label">S/NO</label>
        </td>
        <td width="53%"><label class="control-label">SUBJECTS</label></td>
        <td width="35%"><label class="control-label">GRADE</label></td>
      </tr>
      <tr>
        <td>1</td>
        <td>
          <select name="subject1" class="form-control" id="subject">
            <option value="" selected="selected">Select subject</option>
            <option value="English">English</option>
            <option value="ICT">ICT</option>
        </td>
        <td>
          <select name="grade1" class="form-control">
            <option value=""> Select</option>
            <option value="A1">A1</option>
            <option value="B2">B2</option>
          </select>
        </td>
      </tr>
  </div> //End of the first div //start of the second div
  <div class="output2" id="div2a" name="twositting">
    <h4>first</h4>
    <label>School Name</label>
    <input type="text" name="schoolname1" id="schoolname" class="form-control" placeholder="School Name" required />
    <table width="100%" class="table table-borderless" id="example">
      <tr>
        <td width="12%"><label class="control-label">S/NO</label></td>
        <td width="53%"><label class="control-label">SUBJECTS</label></td>
        <td width="35%"><label class="control-label">GRADE</label></td>
      </tr>
      <tr>
        <td>1</td>
        <td>
          <select name="subject1" class="form-control" id="subject">
            <option value="" selected="selected">Select subject</option>
            <option value="English">English</option>
            <option value="ICT">ICT</option>
        </td>
        <td>
          <select name="grade1" class="form-control">
            <option value=""> Select</option>
            <option value="A1">A1</option>
            <option value="B2">B2</option>
          </select>
        </td>
      </tr>
      <h4>second</h4>
      <label>School Name</label>
      <input type="text" name="schoolname2" id="schoolname" class="form-control" placeholder="School Name" required />
      <table width="100%" class="table table-borderless" id="example">
        <tr>
          <td width="12%"><label class="control-label">S/NO</label></td>
          <td width="53%"><label class="control-label">SUBJECTS</label></td>
          <td width="35%"><label class="control-label">GRADE</label></td>
        </tr>
        <tr>
          <td>1</td>
          <td>
            <select name="subject2" class="form-control" id="subject">
              <option value="" selected="selected">Select subject</option>
              <option value="English">English</option>
              <option value="ICT">ICT</option>
          </td>
          <td>
            <select name="grade2" class="form-control">
              <option value=""> Select</option>
              <option value="A1">A1</option>
              <option value="B2">B2</option>
            </select>
          </td>
        </tr>
  </div> //End of the first div

</form>

这是我的PHP代码

 if(isset($_POST['onesitting'])){
$sitting = $_POST['sitting'];
$schoolname1 = $_POST['schoolname1'];
$subject1 = $_POST['subject1'];
$grade1 = $_POST['grade1'];
$schoolname2 = $_POST['schoolname2'];
$subject2 = $_POST['subject2'];
$grade2 = $_POST['grade2'];
$query = "SELECT * FROM qualification WHERE sitting='$sitting' ";
$sql = mysqli_query($conn, $query);
$check = mysqli_num_rows($sql);
if($check==0){
$enter = "INSERT INTO qualification(sitting, schoolname1, subject1, grade1, schoolname2, subject2, grade2) VALUES('$sitting', '$schoolname1', '$subject1', '$grade1', '$schoolname2', '$subject2', '$grade2')";
mysqli_query($conn, $enter);
echo "<script type='text/javascript'>alert('Details Uploaded !!');</script>";
header('location: success.php');
}else{
echo "<script type='text/javascript'>alert('Details Failed !!');</script>";
}
mysqli_close($conn); 
}
?>

这是我的数据库

CREATE TABLE qualification(
id int(32) NOT NULL AUTO_INCREMENT PRIMARY KEY,
sitting int(32) NOT NULL,
schoolname1 VARCHAR(255) NOT NULL,
subject1 VARCHAR(255) NOT NULL,
grade1 VARCHAR(255) NOT NULL,
schoolname2 VARCHAR(255) NOT NULL,
subject2 VARCHAR(255) NOT NULL,
grade2 VARCHAR(255) NOT NULL

如何使用php mysqli根据选择保存输出

0 个答案: