Question

根据我的期望，我想在选项的底部添加一个“添加”按钮。

这是我的代码：

<select class="form-control" name="id_sales" style="margin-bottom:15px;">

  <option value="" selected disabled>Sales</option>

  <?php
  $result = mysqli_query($con,"SELECT * FROM sales");
  while ($row = mysqli_fetch_array($result)) {
  ?>

  <option value="<?= $row['id_sales']; ?>"><?= $row['id_sales']; ?> - <?= $row['nama_sales']; ?></option>

  <?php } ?>

  <a href="index.php?page=sales" class="btn btn-primary">
    <span class="fa fa-plus"></span> Add new sales
  </a>

</select>

如何使其有效？

Answer 1

你可以使用Jquery，因为你不能在选项标签中放置锚这是问题的解决方案，

<select class="form-control" name="id_sales" id="id_sales" style="margin-bottom:15px;">
<option value="" selected disabled>Sales</option>
<option value="" >sales 1</option>
<option value="" >sales 2</option>
<option value="" >sales 3</option>
<option value="add_sales" id="add_sales">Add new sales</option>

<script type="text/javascript">
$(document).on('change','#id_sales', function (){
   var selected_value = $(this).val();
   if(selected_value=="add_sales"){
       window.location.replace("url where you want to go on clicking 'Add new sales'");
   }
});
</script>

Answer 2

在HTML中，select中的一个可能元素只能是options元素。除此之外，您不能在select标签内放置任何内容。

这也是有道理的，因为select和options定义了一个元素。它们代表一个单一的实体。

因此，首先，您需要在select标记之外声明锚点才能看到链接。

而且，使用HTML只能使用表单元素提交数据。没有替代品。

因此，您需要将字段包装在表单元素中，或者您应该使用ajax。但Ajax也有自己的用例，所以如果没有必要，不应该使用。

要使这项工作首先将您的元素包装在HTML表单中，并将锚点更改为提交类型输入/按钮。并在表单的action标记中定义脚本网址。并且，如果您必须使用锚点来提交表单，请使用JavaScript。

希望这就是你的要求。

将URL放在选择表单上

2 个答案: