Чтение данных из HTML Select Tag перед отправкой на PHP

Мне нужно отправить вариант скрипту PHP, но вместо того, чтобы пользователь нажал кнопку отправки, они просто нажимают ссылку типа.

Например:

<select name="test"> <option value="1">1</option> </select> <a href="next.php">Next</a> 

Таким образом, пользователь выберет 1, а затем нажмите ссылку, которая говорит «Далее». Это почти так, как будто мне нужно прочитать тег select, прежде чем отправлять его на php с помощью запроса GET (php.php? Select = 1). Любые идеи, как я могу пройти этот блокпост?

Вы должны использовать <form> чтобы сделать это возможным или использовать ajax submit tu submit form с <form> вы можете сделать таким образом

 <form action="next.php" method="POST"> <select name="test"> <option value="1">1</option> </select> <!-- Then after this don't use anchor tag <a> use input submit instead--> <input type="submit" name="submit" value="Next"/> </form> 

Или вы также можете отправить его с помощью <button> :

 <form action="next.php" method="POST"> <select name="test"> <option value="1">1</option> </select> <!-- Then after this don't use anchor tag <a> use button instead--> <button type="submit">Next</button> </form> 

как вы упомянули в вопросе, вы хотите получить значение select перед отправкой на php, вы можете использовать jQuery ajax чтобы сделать это ниже

 <form id="my_form" action=""> <select id="my_tag" name="test"> <option value="1">1</option> </select> <button type="submit">Next</button> </form> 

Ajax:

 $('#my_form').submit(function(e){ if($('#my_tag').val() !== '') { var select = $('#my_tag').val(); $.ajax({ type: 'Get', // Could be GET/POST url: 'php.php?select='+select, //targeting url with value from select tag success: function(data){ alert(data); // alerting the data which php file returned. } }); } else { alert('error'); // if select tag is empty we will show an error. } e.preventDefault(); });