Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我想使用Jquery实时交换输入字段名_Javascript_Jquery_Forms - Fatal编程技术网

Javascript 我想使用Jquery实时交换输入字段名

Javascript 我想使用Jquery实时交换输入字段名,javascript,jquery,forms,Javascript,Jquery,Forms,我有一个网页,我正在使用Jquery动态添加表单字段,一切都很好。下面是字段命名方式的示例。基本上,当用户需要更多字段时,他们点击一个按钮,插入两个字段,增加下一个输入的值,并在字段周围创建一个容器div <fieldset id="dynamicField"> <div id="fieldID1"><ul><li> <label for="headertext_1">Header Text</label> <inp

我有一个网页,我正在使用Jquery动态添加表单字段,一切都很好。下面是字段命名方式的示例。基本上,当用户需要更多字段时,他们点击一个按钮,插入两个字段,增加下一个输入的值,并在字段周围创建一个容器div

<fieldset id="dynamicField">
<div id="fieldID1"><ul><li> 
<label for="headertext_1">Header Text</label>
<input id="headertext_1" name="headertext_1" size="70" value="My Header Text" />
</li>
<li>
<label for="blurblink_1">Link</label>
<input id="blurblink_1" name="blurblink_1" value="http://foo.bar" size="70" />
</li></ul></div>

<div id="fieldID2"><ul><li> 
<label for="headertext_2">Header Text</label>
<input id="headertext_2" name="headertext_2" size="70" value="My Next Header Text" />
</li>
<li>
<label for="blurblink_2">Link</label>
<input id="blurblink_2" name="blurblink_2" value="http://bar.foo" size="70" />
</li></ul></div></fieldset>

  • 标题文本
  • 链接
  • 标题文本
  • 链接
好的,现在我需要添加的是一种对这些FieldSid进行重新排序的方法——不仅在页面上,这很容易,而且我还需要重命名字段名,以便我的后端服务器处理仍然有效

例如:

如果我在页面上有1,2,3,4,5个不同的字段组,我希望能够单击几个按钮,在屏幕上按此顺序移动5个字段,并正确命名:

1,5,2,3,4


想法?

你所说的“正确命名”是什么意思?如果订单如您所示发生更改,HTML将产生什么结果?我将回到这个项目。在某一点上,我认为我正在交换输入名称,而服务器端无法识别输入字段的重命名。我不是jQuery专业人士,但这可能与live有关?这并不能回答我提出的问题,我自己也不是专业人士,只是一个业余爱好者;但一旦你开始学习,就不难了。