将URL放在选择表格上

根据我的预期，我想在选项底部添加一个Add按钮。将URL放在选择表格上

这里是我的代码：

<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>

如何使它工作？

来源

2017-07-17 Dita Aji Pratama

您可以使用jQuery FO这一点，因为你不能把在选项标签下面的锚是问题的解决方案，

<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>

来源

2017-07-17 05:40:59

它总是更好，如果你能解释一下你做了什么，OP做错了或错过了。 – Bram

谢谢@Bram的建议。 :) –

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

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

因此，首先您需要在选择标签之外声明锚点以便能够看到链接。

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

所以，你需要将你的领域包装在表单元素中，或者你应该使用ajax。但是Ajax也有它自己的用例，所以如果不需要的话不应该使用。

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

希望这是你问的。

来源

2017-07-17 05:24:23

将URL放在选择表格上

回答

相关问题