javascript - 在表单外部的重定向按钮中使用表单中的值

Question

从一个表单中的下拉列表中获取选定的值，然后单击表单外的按钮将值发送到 php 页面

<div class="drpvendorname">
      <font style="color: white;">
        <label>Distribution Point:</label>        
    </font>
    </div>
        <select class="form-control" id="drpvendor" name="pointname" required="">
        <option selected disabled>Choose distribution point</option>
         <?php
          $strSQL = "SELECT * FROM point_tbl ORDER BY pointname ASC";
          $query = mysqli_query($db, $strSQL);
          while($result = mysqli_fetch_array($query))
          {          
            echo '<option onClick="distribution('.$result['pointshortname'].')" value="' .$result['pointshortname'].'">'. $result['pointname'].'</option>';
          }
          ?>
        </select>      
      </form><!--form1 ends here-->

      <form action="../customer/form.php"><!--form2 starts here-->
      <button class="btn pos7" name="abc" method="GET" style="margin-left:5%;">New Customer</button>
      </form><!--form2 ends here-->

      <div class="dailybreakupbtn">  
      <input class="btn" type="submit" id="dailybreakupbutn" name="dailybreakup" value="Enter Daily Breakup" onClick="distribution(<?=$pointname?>)"/>
      </div>
      <?php
      if(isset($pointname)){      
       ?>
      <script type="text/javascript">
        function distribution(pointname){
          var pointname;
          window.location.href="dailybreakup.php?query=" +pointname;
        }
      </script>
      <?php
      }
      ?>

• 我尝试过使用函数名称分配将选定的下拉框值发送到下一页
• 我已结束将 undefined 发送到下一页。
• 任何人都可以帮助我将所选值发送到下一页，而无需将按钮放在<form>中

Answer 1

希望这对你有帮助:)html代码:

<form action= "" method= "post">
<select class="form-control drpvendor" id="drpvendor" name="pointname" required="">
        <option selected disabled>Choose distribution point</option>
         <?php
          $strSQL = "SELECT * FROM point_tbl ORDER BY pointname ASC";
          $query = mysqli_query($db, $strSQL);
          while($result = mysqli_fetch_array($query))
          {          
            echo '<option value="'.$result['pointshortname'].'">'. $result['pointname'].'</option>';
          }
          ?>
        </select> 
</form>

JQuery 代码:

$(doucment).on('change','.drpvendor',function(){
    var data=$(this).attr('selected','selected');
      $.ajax({
      url: "dailybreakup.php",
      data:'query='+ data,
      type: "POST",
      success: function(data) {
         window.location.href='customer/form.php';
      }
      });
    });