如何通過在數據列表中選擇一個選項來重定向到新頁面

我在這裏創建了一個數據列表，我如何添加一個鏈接到選項，以便每當我選擇一個選項並點擊提交時，我應該根據選定的選項重定向到另一個頁面。我用Google搜索了很多，但我不能對this.Thanks提前如何通過在數據列表中選擇一個選項來重定向到新頁面

<input list="category" name="category"> 
    <datalist id="category"> 
     <option value="fruits"> 
     <option value="animals"> 
     <option value="vechiles"> 
     <option value="ornaments"> 
    </datalist> 
<input type="submit">

來源

2013-10-04 user2083041

你能不能請在這裏發表您的詳細列表？ – Chandresh

'<？if（isset（$ _ POST））header（'Location：/ path/to/location'）？> –

嘗試onchange（）函數，獲取選項中的值，設置條件並提交重定向。 –

任何信息，使一些formHandler.php中，你會有些路由，並指出表單（行動=「formHandler.php」）包括此選擇

$redirectLink=$_REQUEST['category']; 
header('Location:'.$yourmainSitePath.'/'.$redirectLink)

你滿意嗎？：d

來源

2013-10-04 05:55:17 Axel

你可以試試下面的代碼：

 <input list="category" name="category" id="textcat"> 
    <datalist id="category"> 
     <option id="www.google.com" value="fruits"> 
     <option id="www.fb.com" value="animals"> 
     <option id="www.ymail.com" value="vechiles"> 
     <option id="www.msn.com" value="ornaments"> 
    </datalist> 
<input id="btn" type="button" value="submit"> 

    <script> 

    $('#btn').click(function(){ 
    var textval = $('#textcat').val(); 
    $('#category option').each(function(){ 
     if($(this).val() == textval){ 
      alert($(this).attr('id')); 
      window.location = $(this).attr('id'); 
     } 
    }); 
}); 

    </script>

來源

2013-10-04 05:59:14 Chandresh

如果我使用這個，我需要使用很多if語句，如果我添加100個選項將會很複雜 – user2083041

您可以直接將URL設置爲選項值..然後它將會非常簡單的成千上萬的選擇..然後你可以直接使用** window.location = $（this）.val（）** – Chandresh

這就是我問我該如何添加該網址到選項標記 – user2083041

如何通過在數據列表中選擇一個選項來重定向到新頁面

回答

相關問題