我现在是想实现，当我在input框里面输入值的时候，把获取到的值添加到span中。现在遇到两个问题；1.只能把值添加到一个span里面，多个就不行；2.input框清空后，span的值页没了！<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/ceshi1.css"> <script type="text/javascript" src="js/index.js"></script></head><body> <input type="text" class="ceshi"> <span class="spa1"></span> <span class="spa2"></span> <span class="spa3"></span> <script type="text/javascript" src="js/jq.js"></script> <script type="text/javascript" src="js/ceshi1.js"></script></body></html>$(document).ready(function(){ $('.ceshi').blur(function(){ var val = $('.ceshi').val() $(".spa1").html("<a href='#' class=delt>删除</a>"); $(".spa1").text(val) });});求大神指点一下！！！
1 回答
jeck猫
TA贡献1909条经验 获得超7个赞
第一个问题，你获取全部的span就可以了
$(document).ready(function(){
$('.ceshi').blur(function(){
var val = $('.ceshi').val()
$("span").html("<a href='#' class=delt>删除</a>");
$("span").text(val)
});
});
第二个问题，blur 方法是指当输入域失去焦点会触发，所以每次你离开Input框都会触发这个事件，如果你不想删除可以用按钮点击之类的替代
添加回答
举报
0/150
提交
取消