如何在javascript上向函数添加onBlur
我想在我的javascript代码中的html代码中添加onblur函数,下面的代码不起作用。有人能给我一些建议吗如何在javascript上向函数添加onBlur,javascript,jquery,Javascript,Jquery,我想在我的javascript代码中的html代码中添加onblur函数,下面的代码不起作用。有人能给我一些建议吗 <script type="text/javascript"> $(document).ready(function() { var max_fields = 15; //maximum input boxes allowed var wrapper = $(".input_fields_wrap"); var
<script type="text/javascript">
$(document).ready(function() {
var max_fields = 15; //maximum input boxes allowed
var wrapper = $(".input_fields_wrap");
var add_button = $(".add_field_button");
var fname_lname = ' <div class="form-group"><label for="inputRegNo" class="col-lg-3 col-md-3 col-sm-3 col-xs-3 control-label" style="text-align: left;"></label><input class="special-block" type="text" name="fname[]" placeholder="Name" onblur="document.getElementById('refa5').innerHTML+='<br/>'+ this.value" /> <input class="special-block" type="text" name="lname[]" placeholder="Designation" /><button href="#" class="remove_field">-</button></div>'
var x = 1;
$(add_button).click(function(e){
e.preventDefault();
if(x < max_fields){
x++; //text box increment
$(wrapper).append(fname_lname);
}
});
$(wrapper).on("click",".remove_field", function(e){
e.preventDefault(); $(this).parent('div').remove(); x--;
})
});
$(文档).ready(函数(){
var max_fields=15;//允许的最大输入框数
变量包装=$(“.input_fields_wrap”);
var add_button=$(“.add_field_button”);
变量fname_lname='-'
var x=1;
$(添加按钮)。单击(函数(e){
e、 预防默认值();
如果(x
你能试试吗:
<script type="text/javascript">
$(document).ready(function() {
var max_fields = 15; //maximum input boxes allowed
var wrapper = $(".input_fields_wrap");
var add_button = $(".add_field_button");
var fname_lname = ' <div class="form-group"><label for="inputRegNo" class="col-lg-3 col-md-3 col-sm-3 col-xs-3 control-label" style="text-align: left;"></label><input class="special-block" type="text" name="fname[]" placeholder="Name" /> <input class="special-block" type="text" name="lname[]" placeholder="Designation" /><button href="#" class="remove_field">-</button></div>'
var x = 1;
$(add_button).click(function(e){
e.preventDefault();
if(x < max_fields){
x++; //text box increment
$(wrapper).append(fname_lname);
$(wrapper).on("blur", "special-block", function() {
document.getElementById('refa5').innerHTML+='<br/>'+ this.value
})
}
});
$(wrapper).on("click",".remove_field", function(e){
e.preventDefault(); $(this).parent('div').remove(); x--;
})
});
$(文档).ready(函数(){
var max_fields=15;//允许的最大输入框数
变量包装=$(“.input_fields_wrap”);
var add_button=$(“.add_field_button”);
变量fname_lname='-'
var x=1;
$(添加按钮)。单击(函数(e){
e、 预防默认值();
如果(x '+this.value
})
}
});
$(包装器)。在(“单击”、“.remove_字段”上,函数(e){
e、 preventDefault();$(this).parent('div').remove();x--;
})
});
你能试试吗:
<script type="text/javascript">
$(document).ready(function() {
var max_fields = 15; //maximum input boxes allowed
var wrapper = $(".input_fields_wrap");
var add_button = $(".add_field_button");
var fname_lname = ' <div class="form-group"><label for="inputRegNo" class="col-lg-3 col-md-3 col-sm-3 col-xs-3 control-label" style="text-align: left;"></label><input class="special-block" type="text" name="fname[]" placeholder="Name" /> <input class="special-block" type="text" name="lname[]" placeholder="Designation" /><button href="#" class="remove_field">-</button></div>'
var x = 1;
$(add_button).click(function(e){
e.preventDefault();
if(x < max_fields){
x++; //text box increment
$(wrapper).append(fname_lname);
$(wrapper).on("blur", "special-block", function() {
document.getElementById('refa5').innerHTML+='<br/>'+ this.value
})
}
});
$(wrapper).on("click",".remove_field", function(e){
e.preventDefault(); $(this).parent('div').remove(); x--;
})
});
$(文档).ready(函数(){
var max_fields=15;//允许的最大输入框数
变量包装=$(“.input_fields_wrap”);
var add_button=$(“.add_field_button”);
变量fname_lname='-'
var x=1;
$(添加按钮)。单击(函数(e){
e、 预防默认值();
如果(x '+this.value
})
}
});
$(包装器)。在(“单击”、“.remove_字段”上,函数(e){
e、 preventDefault();$(this).parent('div').remove();x--;
})
});
首先:
我认为你的问题在于:
var fname_lname = ' <div class="form-group"><label for="inputRegNo" class="col-lg-3 col-md-3 col-sm-3 col-xs-3 control-label" style="text-align: left;"></label><input class="special-block" type="text" name="fname[]" placeholder="Name" onblur="document.getElementById('refa5').innerHTML+='<br/>'+ this.value" /> <input class="special-block" type="text" name="lname[]" placeholder="Designation" /><button href="#" class="remove_field">-</button></div>'
您必须使用绑定:
$('.special-block').on('blur', function(){
document.getElementById('refa5').innerHTML+='<br/>'+ $(this).value;
}
$('.special block')。在('blur',function()上{
document.getElementById('refa5')。innerHTML++='
'+$(this).value;
}
不要忘记先将
此.value
替换为$(此).value
:
我认为你的问题在于:
var fname_lname = ' <div class="form-group"><label for="inputRegNo" class="col-lg-3 col-md-3 col-sm-3 col-xs-3 control-label" style="text-align: left;"></label><input class="special-block" type="text" name="fname[]" placeholder="Name" onblur="document.getElementById('refa5').innerHTML+='<br/>'+ this.value" /> <input class="special-block" type="text" name="lname[]" placeholder="Designation" /><button href="#" class="remove_field">-</button></div>'
您必须使用绑定:
$('.special-block').on('blur', function(){
document.getElementById('refa5').innerHTML+='<br/>'+ $(this).value;
}
$('.special block')。在('blur',function()上{
document.getElementById('refa5')。innerHTML++='
'+$(this).value;
}
不要忘记将此.value
替换为$(this).value
数据未存储在打印部分。请通知数据未存储在打印部分。请告知