Блог

Я пишу код для печати значения текстового поля в другое текстовое поле, но я не могу этого добиться, может ли кто-нибудь сказать, что не так, или кто-нибудь может дать мне эквивалент JavaScript для достижения этого

  <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jQuery/1.2.6/jQuery.min.js"> 
        </script>

        <script type="text/javascript">
$('#TextBox1').keyup(function(){
$('#TextBox2').val(this.value);
});
        </script>

    </div>
</form>
  

Я вижу две потенциальные проблемы. Один из них, как определили @Neal и @ Nicola, заключается в том, что вам нужно обернуть все, что ссылается на элемент DOM внутри

 $(document).ready(funcution(){ 
  // here
});

// or, this way, both are equivalent
$(function(){

});
  

Во-вторых, идентификатор, присвоенный вашим текстовым полям, скорее всего, НЕ TextBox1, а TextBox2. Это потому, что ASP.NET генерирует уникальные идентификаторы для клиентской стороны. Скорее всего, они будут выглядеть примерно так:

 ctl00_TextBox1
  

или что-то подобное. Проверьте сгенерированный HTML-код вашей страницы для подтверждения. Кроме того, я обнаружил, что консоль JavaScript плагина Firebug FireFox или инструменты разработчика Chromes очень полезны для определения, действительно ли мой селектор jQuery возвращает что-либо. Просто откройте консоль в одном из этих браузеров и выполните:

 $('#TextBox1');
  

Если ваш селектор сработает, вы получите массив с 1 элементом в нем. Если он ничего не находит, он просто вернет пустой массив.

Вам нужно обернуть в ready (чтобы ваш js выполнялся, когда DOM будет готов):

 $(function(){

   $('#TextBox1').keyup(function(){
       $('#TextBox2').val(this.value);
   });

});
  

Я думаю, это должно сработать. Вам нужна $(document).ready(function(){}); оболочка, чтобы обработчик был прикреплен после того, как dom будет готов. Я редактировал с помощью скрипта включения из CDN

 <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js”></script>
 <script>
    $(document).ready(function(){
        $('#TextBox1').keyup(function(){
         $('#TextBox2').val($(this).val());
        });
    };
 </script>
  

Я много пробовал, но, похоже, jquery это не сработало, поэтому я получил требуемое следующим образом

  <script type="text/javascript">
 function sync()
{
  var n1 = document.getElementById('TextBox1');
  var n2 = document.getElementById('TextBox2');
  n2.value = n1.value;
}
</script>
  

Поскольку текстовые поля размещают свое содержимое между <textarea> тегами, а не в value атрибуте, вам, вероятно, повезет больше при использовании $(this).text() , а не this.value :

 $('#TextBox1').keyup(function() {
    $('#TextBox2').text($(this).text());
});
  

Кроме того, #TextBox12 != #TextBox2 .