Question

我允许用户使用两个文本框中的任何一个来搜索数据库 - 一个是ID字段，一个是freetext字段。我正在使用ASP.NET和C＃btw。

无论如何，我需要做的就是拥有它，所以当用户点击其中一个文本框时，其他文本框文本就会被删除，所以另一个文本框是空白的。

我该怎么做？我猜JavaScript是解决方案。

Answer 1

给出javascript中的函数：

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

当你专注于一个文本框，传递另一个文本框的id时，可以调用它：

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

工作示例 - ＆gt; 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 Jamiec的answer，但你仍然必须为那些没有启用JS的人提供一些逻辑。如果填充了BOTH字段，可以使用ID字段作为优先级。

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
}

在JavaScript中更改文本框文本

4 个答案: