выполняют команду POST, когда пользователь выбирает параметр из раскрывающегося списка

Question

Я настраиваю страницу, в которой первым шагом является выбор пользователем из выпадающего списка. Я не хочу, чтобы пользователь сначала сделал выбор, а затем нажал кнопку отправки, так как в этот момент они ничего не сделают. Вот фрагмент кода из части элемента FORM на странице.

<form action="index.php" target="_self" method="post"> 
<label style:padding:1px margin:0px font-size:12px>Last Name</label> 
<select name="UniqueLastNames" onchange="checkField(this.value)"> 
(the option values are wrapped in php and get their values from a database) 

Я знаю, что обычно последняя часть этого будет использовать входной элемент с типом = представить, но я просто хочу действие POST запустить, как только пользователь делает выбор из списка. Java Script 'checkFidld() возвращает выбранное имя и в настоящее время помещает его в ярлык в моей форме, что только доказывает, что выпадающий файл работает.

Я также предпочел бы использовать POST в отличие от GET, чтобы пользователь не мог изменить URL-адрес, и да, на самом деле пользователь остается на одной странице, а оставшаяся часть данных для этой страницы будет заполнена, когда обновляется страница.

Answer 1

Просто вызовите метод submit в вашей форме после того, как вы вызываете функцию checkField. Например:

HTML

<form action="index.php" target="_self" method="post" id="your-form"> 
    <select name="UniqueLastNames" onchange="checkField(this.value)"> 
     ... 
    </select> 
</form> 

JavaScript

function checkField(val) { 
    // do something with your val 
    document.getElementById('your-form').submit() 
} 

Пожалуйста, обратите внимание, что я добавил идентификатор элемента формы, так что я могу выбрать его легко в JavaScript.

Answer 2

Насколько я понял ваш вопрос и комментарий, вы хотите, чтобы ваш пользователь выбирал значение из раскрывающегося списка, а страница с разными полями должна быть соответствующим образом обновлена.

// PHP code 
$choice = $_GET['userchoice']; 
// Get Data from Database and update fields in Page 


// In javascript, Use this code. 
<script type="text/javascript"> 
    function checkField(val) 
    { 
     window.location = "yourpage.html?userchoice="val; 
    } 
</script> 

Опять же, я рекомендую вам использовать Ajax, который будет лучше влиять на ваших клиентов.