如何清空另一个文本框上的文本框

时间:2012-12-14 11:30:41

标签: javascript asp.net ajax

我在asp.net页面中有两个文本框。我想查看onkeypress或1st Textbox的任何其他事件,如果用户删除其中的文本,则还应删除第二个文本框的文本。
我在onkeypress,onkeyup和onkeydown上尝试了不同的方法,但它没有用。
不幸的是我现在没有代码。任何人都可以为此任务提供javascript方法。

I know it can be done on textchange event of textbox in codebehind but i want it to be done on client side.

此外,还有一个与文本框关联的AJAX AutoCompleteExtender。 谢谢你的帮助。

3 个答案:

答案 0 :(得分:1)

似乎你在找这样的东西

<input id="txt1" type="text"  />
<input id="txt2" type="text" />

如果仅在textbox1值为空时需要删除文本

$('#txt1').keyup(function() {
     var str = $('#txt1').val();
    if(str==''){
     $('#txt2').val(str );
    }
});

如果需要保留相同的文本,请删除if条件

jsfiddle example

答案 1 :(得分:1)

 <input type="text" id="text1" onKeyUp="myFunction(event)" />
 <input type="text" id="text2" />

<script type="text/javascript">

   function myFunction(event){
         if(document.getElementById('text1').value == ""){
             document.getElementById('text2').value = "";
         }
   }
</script>

答案 2 :(得分:1)

试试这个

<asp:TextBox ID="txt1" Runat= "Server" onkeyup="javascript:keyUP(this);" ></asp:TextBox>
<asp:TextBox ID="txt2" Runat= "Server" ></asp:TextBox>

var txt2= document.getelementByID('txt2.ClientID');

function keyUP(txt) 
{
    if(txt.value == '')
    {
        txt2.value == '';
    }   
}

感谢