猿问

jq input保存数据

我现在是想实现,当我在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)

    });

});

求大神指点一下!!!


凤凰求蛊
浏览 435回答 1
1回答

jeck猫

第一个问题,你获取全部的span就可以了$(document).ready(function(){&nbsp; &nbsp; $('.ceshi').blur(function(){&nbsp; &nbsp; &nbsp; &nbsp; var val = $('.ceshi').val()&nbsp; &nbsp; &nbsp; &nbsp; $("span").html("<a href='#' class=delt>删除</a>");&nbsp; &nbsp; &nbsp; &nbsp; $("span").text(val)&nbsp; &nbsp; });});第二个问题,blur 方法是指当输入域失去焦点会触发,所以每次你离开Input框都会触发这个事件,如果你不想删除可以用按钮点击之类的替代
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答