Просто используйте поле выбора jsfiddle demo :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<script type="text/javascript">
function submitForm() {
var myform = document.getElementById('myform');
var mytext = document.getElementById('room');
myroom = mytext.value.toLowerCase();
if (myroom == 'kitchen') {
myform.action = 'kitchen.php';
myform.submit();
} else if (myroom == 'toilet') {
myform.action = 'toilet.php';
myform.submit();
} else if (myroom == 'bedroom') {
myform.action = 'bedroom.php';
myform.submit();
} else return false;
}
window.onload = function(){
document.getElementById('move').onclick = submitForm;
}
</script>
</head>
<body>
<form id="myform" name="myform" method="post">
<input type="text" id="room" name="room" />
<button id="move" name="move" style="height: 23px">Move</button>
</form>
</body>
</html>
На стороне php создайте три файла для проверки, чтобы убедиться, что это работает, Toilet.php, kitchen.php испальня.php со следующим кодом во всех трех файлах.убедитесь, что имена файлов указаны в нижнем регистре:
<?php
echo $_POST['room'];
?>
В основном, в зависимости от выбранной опции, JavaScript будет изменять URL-адрес действия формы и отправлять.Если ни один не выбран, он вернет false и не будет отправлен.Функция submitForm присоединена к кнопке перемещения с событием onclick.