Измените текст текстового поля на JavaScript

Question

Я разрешаю пользователю использовать либо одно из двух текстовых полей для поиска в базе данных - одно поле идентификатора, а одно поле является freetext. Я использую ASP.NET с C# btw.

В любом случае, все, что мне нужно сделать, это заставить его, когда пользователь нажимает на одно из текстовых полей, текст другого текстового поля просто удаляется, поэтому другое текстовое поле пустое.

Как мне это сделать? Я предполагаю, что JavaScript - это решение.

Answer 1

Учитывая функцию в JavaScript:

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

это, то можно назвать, когда вы сосредоточены на одном текстовом поле, передавая идентификатор другого:

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

рабочий пример ->http://jsfiddle.net/CwWKn/

Answer 2

[Demo]

var tbox1 = document.getElementById('tbox1'); 
var tbox2 = document.getElementById('tbox2'); 

tbox1.onfocus = function() { 
    tbox2.value = ""; 
}; 

tbox2.onfocus = function() { 
    tbox1.value = ""; 
}; 

Answer 3

I + 1'ed Jamiecanswer, но вы все еще должны иметь некоторую логику для тех, у кого нет JS. Возможно, используйте поле идентификатора в качестве приоритета, если поле BOTH заполнено.

if ((!box1.IsNullOrEmpty) & (!box2.IsNullOrEmpty)) { 
    // Evaluate box1 (since box1 is the ID field) 
} else { 
    if ((!box1.IsNullOrEmpty)) { 
     // Evaluate box1 
    } else { 
     // Evaluate box2 
    } 
} 

Answer 4

//Page A 
<input type='text' id='tb'> 
var returnedValue = showModalDialog('page2.aspx', window); 

//Page B 
<input type='text' onkeypress='update(this);'> 

function update(Sender) { 
var input = window.dialogArguments.document.getElementById("tb"); 
input.value = Sender.value 
}