Help

crabjoe · June 5th, 2008, 01:54 PM

I need some help.

I have a form that if an option or input box is selected, I want the other options/input boxes to go to blank (null). The catch is I don't want to lose the options available in the field, in case someone wants to search on a different field.

Here's a sample form; how does one do this if it's even possible??

Code:

<html>
<body>

<form>

<b>DIRECTOR:</b>
    <select name="f_dir" id="dir" class="select" onChange="changeallDIR(this.value);">
        <option value="" selected></option>
        <option value="John">John</option>
        <option value="Susan">Susan</option>
    </select>
<br>

<b>MANAGER:</b>
    <select name="f_mgr" id="mgr" class="select" onChange="changeMGR(this.value);">
        <option value="" selected></option>
        <option value="Michelle">Michelle</option>
        <option value="Jane">Jane</option>
    </select>
<br>

<b>PHONE:</b>
    <input type="text" name="f_phone" id="phone" class="select" onChange="changePHONE(this.value);">
<br>
</form>

</body>
</html>

Sorry for posting this question (request sample code), but I can't figure out what to do a google search on.

Basically I want the form to reset. So if someone has a director selected, but decide to search on manager I want the form reset if the cursor is moved to manager. Or if someone want to search by the phone number, but already has a manager selected. When the cursor is moved to Phone, I want the form reset.

I hope I made sense.

Thanks!!

iamrakesh22 · June 12th, 2008, 07:23 AM

If i understood your question correctly following code will solve your problem

Code:

<html>
<head>
    <script type="text/javascript">
        function resetEl() {
            document.getElementById('formId').reset();
        }
    </script>
</head>
<body>

<form id="formId">

<b>DIRECTOR:</b>
    <select name="f_dir" id="dir" class="select" onChange="changeallDIR(this.value);" onfocus="resetEl();">
        <option value="" selected></option>
        <option value="John">John</option>
        <option value="Susan">Susan</option>
    </select>
<br>

<b>MANAGER:</b>
    <select name="f_mgr" id="mgr" class="select" onChange="changeMGR(this.value);" onfocus="resetEl();">
        <option value="" selected></option>
        <option value="Michelle">Michelle</option>
        <option value="Jane">Jane</option>
    </select>
<br>

<b>PHONE:</b>
    <input type="text" name="f_phone" id="phone" class="select" onChange="changePHONE(this.value);" onfocus="resetEl();">
<br>
</form>

</body>
</html>

Try www.w3schools.com for more examples and info.

- Rakesh