Home/ Questions/Q 4026938
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T11:02:04+00:00

I want to enter different rooms with on button. How is this possible in

  • 0

I want to enter different rooms with on button. How is this possible in Javascript. For example, there are three rooms, “Kitchen, toilet and bedroom”. How can I use JS to enter any of these rooms depending on my choice. so if i enter “kitchen” in the input box its gonna take me to kitchen.php, if I enter toilet…the same button is going to take me to toilet.php etc.

This is the HTML input, 

<form method="post">
<input style=""name="Text1" type="text"><br>
<input name="move" style="height: 23px" type="submit" value="Move">
</form>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Just use a select field 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>

    On the php side create three files to test to see if this works, toilet.php, kitchen.php, and bedroom.php with the following code in all three files. make sure the file names are lower cased:

    <?php
echo $_POST['room'];
?>

    Basically, based on the option that is selected, the JavaScript would change the form’s action url and submit. If none is selected it’ll return false and not submit. The submitForm function is attached to the move button with an onclick event.

    • 0