Question

我们有一个使用asp.net和VB.net的Web应用程序代码。我正在学习javascript。

我有2个div并排。第一个div包含ASP下拉菜单和texbox，例如（阵营名称，注册费，开始和结束日期）。

在第二个div上，我预览了正在创建的新阵营，标签上标明了阵营名称，开始和结束日期等。

我的问题是，如何使用JavaScript（ajax和JQuery也可以）将第一个div上输入的信息实时填入第二个div？

例如，如果某人在第一个div上输入了营地名称，然后点击了营地名称文本框外的外部或标签，那么手册div上的相应标签会被填写？

换句话说，当Camp名称文本框失去焦点时，第二个div上的Camp名称标签应该被填充。

如果我尽可能少地使用代码并在客户端完全完成此操作，那将是更好的选择。

Answer 1

这是

的sample code

使用一个文本框添加两个div，使用Span

添加另一个div

<div id="myExample1">
    Div 1 <input id="myInputText1" type="text" name="inputBox1" />
    </div>
<br/>
<div id="myExample2">
    Div 2 <span id="myText2" type="text" name="myText2" />
</div>

现在使用此jquery代码作为用户类型实现所需的结果，请参阅span

中的文本框值

$(document).ready(function() {
     $('#myInputText1').keyup(function() {
          $('#myText2').html($(this).val());             
   });
});

需要使用表单实时填写宣传册预览

1 个答案: