Javascript jQuery动态输入字段不工作
我在这里遵循了一个教程(我对此做了一些修改): 在JSFIDLE中,代码工作正常,但是,在下面的真实页面上,代码不工作,我一直在努力,但我找不到答案:-(因此,非常感谢您的帮助)Javascript jQuery动态输入字段不工作,javascript,jquery,html,Javascript,Jquery,Html,我在这里遵循了一个教程(我对此做了一些修改): 在JSFIDLE中,代码工作正常,但是,在下面的真实页面上,代码不工作,我一直在努力,但我找不到答案:-(因此,非常感谢您的帮助) <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"/> <script type="text/javascript" src="javascript/
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="javascript/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
$('.multi-field-wrapper').each(function() {
var $wrapper = $('.multi-fields', this);
$(".add-field", $(this)).click(function(e) {
$('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();
});
$('.multi-field .remove-field', $wrapper).click(function() {
if ($('.multi-field', $wrapper).length > 1)
$(this).parent('.multi-field').remove();
});
});
</script>
<title>AQUATAP - Gestor de Información - Añadir Pedido</title>
</head>
<body>
<form role="form" action="add_order.php" method="POST">
Cliente:
<input type="text" name="cliente" id="buscar">
<br>
<hr />
Fecha de salida:
<br>
<input type="radio" name="salida_pronosticada" value="male">
En el día
<br>
<input type="radio" name="salida_pronosticada" value="male">
2 días
<br>
<input type="radio" name="salida_pronosticada" value="female">
3 días
<br>
<input type="radio" name="salida_pronosticada" value="female">
5 días
<br>
<input type="radio" name="salida_pronosticada" value="female">
1 semana
<br>
<input type="radio" name="salida_pronosticada" value="female">
Otro
<input type="text" name="salida_pronosticada_otro">
días
<br>
<hr />
<label>Stuff y cantidad</label>
<div class="multi-field-wrapper">
<div class="multi-fields">
<div class="multi-field">
<input type="text" class="buscar_prod" name="input_referencia[]">
<input type="text" name="input_cantidad[]">
<button type="button" class="remove-field">
X
</button>
</div>
</div>
<button type="button" class="add-field">
Add field
</button>
<input type="submit" name="guardar" value="Guardar" />
</div>
</form>
</body>
$('.multi-field wrapper')。每个(函数(){
var$wrapper=$('.multi-fields',this);
$(“.addfield”,$(this))。单击(函数(e){
$('.multi-field:first-child',$wrapper.clone(true).appendTo($wrapper.find('input').val('').focus();
});
$('.multi-field.remove-field',$wrapper)。单击(函数(){
如果($('.multi-field',$wrapper).length>1)
$(this.parent('.multi-field').remove();
});
});
AQUATAP-信息管理者-阿尼亚迪尔·佩迪多
客户:
费查·德萨利达:
恩厄尔迪亚
2迪亚斯
3迪亚斯
5迪亚斯
1塞马纳
奥特罗
迪亚斯
康蒂达德酒店
X
添加字段
好吧,谢谢你的帮助。
我一直在玩游戏,我想我可能遗漏了一些东西……比如脚本没有启动。将代码包装到处理程序中
将代码包装到处理程序中
将代码包装到处理程序中
将代码包装到处理程序中
在
文档中添加代码。准备好了吗
$(function(){
$('.multi-field-wrapper').each(function() {
var $wrapper = $('.multi-fields', this);
$(".add-field", $(this)).click(function(e) {
$('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();
});
$('.multi-field .remove-field', $wrapper).click(function() {
if ($('.multi-field', $wrapper).length > 1)
$(this).parent('.multi-field').remove();
});
});
});
将您的代码添加到
文档中。就绪
$(function(){
$('.multi-field-wrapper').each(function() {
var $wrapper = $('.multi-fields', this);
$(".add-field", $(this)).click(function(e) {
$('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();
});
$('.multi-field .remove-field', $wrapper).click(function() {
if ($('.multi-field', $wrapper).length > 1)
$(this).parent('.multi-field').remove();
});
});
});
将您的代码添加到
文档中。就绪
$(function(){
$('.multi-field-wrapper').each(function() {
var $wrapper = $('.multi-fields', this);
$(".add-field", $(this)).click(function(e) {
$('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();
});
$('.multi-field .remove-field', $wrapper).click(function() {
if ($('.multi-field', $wrapper).length > 1)
$(this).parent('.multi-field').remove();
});
});
});
将您的代码添加到
文档中。就绪
$(function(){
$('.multi-field-wrapper').each(function() {
var $wrapper = $('.multi-fields', this);
$(".add-field", $(this)).click(function(e) {
$('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();
});
$('.multi-field .remove-field', $wrapper).click(function() {
if ($('.multi-field', $wrapper).length > 1)
$(this).parent('.multi-field').remove();
});
});
});
正如您所说,您的代码在您显示给我们的页面上工作 试试这个:
http://api.jquery.com/ready/
$( document ).ready(function() {
$('.multi-field-wrapper').each(function() {
var $wrapper = $('.multi-fields', this);
$(".add-field", $(this)).click(function(e) {
$('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();
});
$('.multi-field .remove-field', $wrapper).click(function() {
if ($('.multi-field', $wrapper).length > 1)
$(this).parent('.multi-field').remove();
});
});
});
正如您所说,您的代码在您显示给我们的页面上工作 试试这个:
http://api.jquery.com/ready/
$( document ).ready(function() {
$('.multi-field-wrapper').each(function() {
var $wrapper = $('.multi-fields', this);
$(".add-field", $(this)).click(function(e) {
$('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();
});
$('.multi-field .remove-field', $wrapper).click(function() {
if ($('.multi-field', $wrapper).length > 1)
$(this).parent('.multi-field').remove();
});
});
});
正如您所说,您的代码在您显示给我们的页面上工作 试试这个:
http://api.jquery.com/ready/
$( document ).ready(function() {
$('.multi-field-wrapper').each(function() {
var $wrapper = $('.multi-fields', this);
$(".add-field", $(this)).click(function(e) {
$('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();
});
$('.multi-field .remove-field', $wrapper).click(function() {
if ($('.multi-field', $wrapper).length > 1)
$(this).parent('.multi-field').remove();
});
});
});
正如您所说,您的代码在您显示给我们的页面上工作 试试这个:
http://api.jquery.com/ready/
$( document ).ready(function() {
$('.multi-field-wrapper').each(function() {
var $wrapper = $('.multi-fields', this);
$(".add-field", $(this)).click(function(e) {
$('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();
});
$('.multi-field .remove-field', $wrapper).click(function() {
if ($('.multi-field', $wrapper).length > 1)
$(this).parent('.multi-field').remove();
});
});
});
$(文档).ready(函数(){
$('.multi-field wrapper')。每个(函数(){
var$wrapper=$('.multi-fields',this);
$(“.addfield”,$(this))。单击(函数(e){
$('.multi-field:first-child',$wrapper.clone(true).appendTo($wrapper.find('input').val('').focus();
});
$('.multi-field.remove-field',$wrapper)。单击(函数(){
如果($('.multi-field',$wrapper).length>1)
$(this.parent('.multi-field').remove();
});
});
});
AQUATAP-信息管理者-阿尼亚迪尔·佩迪多
您需要使用一个文档就绪功能启动
“在文档“就绪”之前,页面无法安全操作。jQuery会为您检测到这种就绪状态。”
摘自
$(文档).ready(函数(){
$('.multi-field wrapper')。每个(函数(){
var$wrapper=$('.multi-fields',this);
$(“.addfield”,$(this))。单击(函数(e){
$('.multi-field:first-child',$wrapper.clone(true).appendTo($wrapper.find('input').val('').focus();
});
$('.multi-field.remove-field',$wrapper)。单击(函数(){
如果($('.multi-field',$wrapper).length>1)
$(this.parent('.multi-field').remove();
});
});
});
AQUATAP-信息管理者-阿尼亚迪尔·佩迪多
您需要使用一个文档就绪功能启动
“在文档“就绪”之前,页面无法安全操作。jQuery会为您检测到这种就绪状态。”
摘自
$(文档).ready(函数(){
$('.multi-field wrapper')。每个(函数(){
var$wrapper=$('.multi-fields',this);
$(“.addfield”,$(this))。单击(函数(e){
$('.multi-field:first-child',$wrapper.clone(true).appendTo($wrapper.find('input').val('').focus();
});
$('.multi-field.remove-field',$wrapper)。单击(函数(){
如果($('.multi-field',$wrapper).length>1)
$(this.parent('.multi-field').remove();
});
});
});
AQUATAP-信息管理者-阿尼亚迪尔·佩迪多
您需要使用一个文档就绪功能启动
“在文档“就绪”之前,页面无法安全操作。jQuery会为您检测到这种就绪状态。”
摘自
$(文档).ready(函数(){
$('.multi-field wrapper')。每个(函数(){
var$wrapper=$('.multi-fields',this);
$(“.addfield”,$(this))。单击(函数(e){
$('.multi-field:first-child',$wrapper.clone(true).appendTo($wrapper.find('input').val('').focus();
});
$('.multi-field.remove-field',$wrapper)。单击(函数(){
如果($('.multi-field',$wrapper).length>1)
$(this.parent('.multi-field').remove();
});
});
});
AQUATAP-信息管理者-阿尼亚迪尔·佩迪多
您需要使用一个文档就绪功能启动
“在文档“就绪”之前,页面无法安全操作。jQuery会为您检测到这种就绪状态。”
取自