Question

I’m allowing a user to use either one of two textboxes to search a database – one is an ID field, and one is a freetext field. I’m using ASP.NET with C# btw.

Anyway, all I need to do is have it so when a user clicks on one of the text boxes, the other text box text is simply deleted, so the other text box is blank.

How would I do this? I’m guessing JavaScript is the solution.

Answer 1

Given a function in javascript:

function clearOther(which){
 document.getElementById(which).value='';
}

this can then be called when you focus on one textbox, passing the id of the other:

<input type="text" id="box1" onfocus="clearOther('box2')" />
<input type="text" id="box2" onfocus="clearOther('box1')"  />

working example –> http://jsfiddle.net/CwWKn/