將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放在選擇表格上

回答

相關問題