Ссылка на выбор в выпадающем списке

Когда пользователь нажимает на ссылку, я хочу отправить их на другую страницу с выпадающим списком, предварительно выбранным по ссылке, которую они нажали. Например, если они выбирают ссылку на «товар», я хочу отправить их на другую страницу с выпадающим списком, выбранным для «товаров», а не другими категориями выбора, такими как «все», «продажа», «архитектура» и т. Д. Как я мог это сделатьСсылка на выбор в выпадающем списке

источник

2014-12-03 user4318682

PHP и HTML будет работать, CSS, чтобы сделать его немного более красивой, и добавить немного javascript! – baao

Это зависит от того, какую структуру JavaScript вы используете. Есть способы сделать это с помощью JQuery и способы сделать это с помощью AngularJS. Что вы используете? – eugene1832

можно сделать это с помощью атрибутов url и jquery –

Вы можете достичь этого путем добавления параметров к первой ссылки страницы, а затем разбор их на второй странице, чтобы установить выбранный параметр в выберите вход, попробуйте этот пример:

page1. HTML

<html> 
<body> 
<a href="page2.html?category=merchandise">Merchandise</a> 
<a href="page2.html?category=all">All</a> 
<a href="page2.html?category=sales">Sales</a> 
<a href="page2.html?category=architecture">Architecture</a> 
</body> 
</html>

page2.html

<html> 
<head> 
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script> 
    <script> 
    $(document).ready(function(){ 
     var selectedCategory = getUrlParameter("category"); 
     $('select').val(selectedCategory); 
    }); 

    function getUrlParameter(sParam) 
    { 
     var sPageURL = window.location.search.substring(1); 
     var sURLVariables = sPageURL.split('&'); 
     for (var i = 0; i < sURLVariables.length; i++) 
     { 
      var sParameterName = sURLVariables[i].split('='); 
      if (sParameterName[0] == sParam) 
      { 
       return sParameterName[1]; 
      } 
     } 
    }  

    </script> 
</head> 
<body> 

<select> 
<option value="merchandise" >Merchandise</option> 
<option value="all" >All</option> 
<option value="sales" >Sales</option> 
<option value="architecture" >Architecture</option> 
</select> 
</body> 
</html>

источник

2014-12-03 06:32:09

вы можете попробовать это:

test.php

<!DOCTYPE html> 
<html> 
<head> 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script> 
<script> 
    $(document).ready(function(){ 
$('a').click(function(){ 
     localStorage.setItem("category",$(this).text()); 
}); 
    }); 
</script> 
</head> 
<body> 
<a href="submit.php">Merchandise</a> 
<a href="submit.php">All</a> 
<a href="submit.php">Sales</a> 
<a href="submit.php">Architecture</a> 
</body> 
</html>

submit.php

<html> 
<head> 
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script> 
    <script> 

    window.onload = function() { 
     $('select option[value="' + localStorage.getItem("category") + '"]').prop('selected', true); 
    } 

    </script> 
</head> 
<body > 
<select> 
<option value="merchandise" >Merchandise</option> 
<option value="all" >All</option> 
<option value="sales" >Sales</option> 
<option value="architecture" >Architecture</option> 
</select> 
</body> 
</html>

источник

2014-12-03 06:51:00

Ссылка на выбор в выпадающем списке

ответ

Смежные вопросы