Мне нужно отправить вариант скрипту 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(); });