I have a form that sends the value of my input box to search.php where I cature it using POST:

<form method="post" name="boxsearchform" action="search.php">
<input name="INPUT" id="INPUT" type="text" value=""  />
<input type="image" name="search" src="searchboxgo.gif" />
<select name="choosevar">
  <option value="title">Title</option>
  <option value="colour">Colour</option>

What I would like is to use JavaScript to change the id of the input box to either 'title' or 'colour' depending on whether the drop down 'choosevar' is selected to either title or colour respectively.

Is this possible?

On search.php I will then use

$title = $_POST['title'];
$colour = $_POST['colour'];

to capture either variable no matter which one is sent.

8 Years
Discussion Span
Last Post by essential

Try this code...

<title>Some title</title>
<script type="text/javascript">
function changeId() {
var myform = (document.all) ? document.forms['boxsearchform'] : document.getElementById('boxsearchform');

var ids = myform.choosevar.selectedIndex;

if ( myform ) {

myform.iNPUT.id = myform.choosevar.options[ids].value; }

else { document.getElementById('iNPUT').id = document.getElementById('choosevar').options[document.getElementById('choosevar').selectedIndex].value; 

<form action="search.php" method="post" id="boxsearchform">
<input type="text" name="iNPUT" id="iNPUT" value="" />
<select name="choosevar" id="choosevar" size="1" onchange="changeId();">
<option value="title">Title</option>
<option value="colour">Colour</option>
</select><br />
<input type="submit" name="btn" id="btn" value="Submit" />
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.