将表单标记移动到活动div

时间:2014-01-22 13:24:11

标签: javascript jquery html

是否可以将表单标记移动(或聚焦)到另一个div并仅使用jQuery回显该特定div的值?

两个div都包含2个具有相同名称/ id的输入字段:

  <input type="text" name="fname" id="fname" value="" placeholder="First Name">
  <input type="text" name="lname" id="lname" value="" placeholder="Last Name">

我只想提交具有焦点的1 div的字段。

请参阅我的jsfiddle:

http://jsfiddle.net/myRJH/

1 个答案:

答案 0 :(得分:1)

您需要在某处存储输入或等于最后一个焦点的div。

作为功能演示的一个例子:

$(document).ready(function() {

   var last_focus='';

   $("input").blur(function(){
       last_focus=$(this).parents("div");
   })

   $('#hit').click(function() {
       alert(last_focus.find('input:first').val() + ' ' + last_focus.find('input:last').val());
   });
});

Demo