鍍金池/ 問答/HTML/ jq input保存數(shù)據(jù)

jq input保存數(shù)據(jù)

我現(xiàn)在是想實現(xiàn)，當(dāng)我在input框里面輸入值的時候，把獲取到的值添加到span中?，F(xiàn)在遇到兩個問題；
1.只能把值添加到一個span里面，多個就不行；
2.input框清空后，span的值頁沒了！

<!DOCTYPE html>
<html lang="en">
<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)
    });
});

求大神指點一下?。?！

回答
編輯回答
憶當(dāng)年

推薦一個插件select2

2017年12月4日 09:20
編輯回答
背叛者

第一個問題，你獲取全部的span就可以了

$(document).ready(function(){
    $('.ceshi').blur(function(){
        var val = $('.ceshi').val()
        $("span").html("<a href='#' class=delt>刪除</a>");
        $("span").text(val)
    });
});

第二個問題，blur 方法是指當(dāng)輸入域失去焦點會觸發(fā)，所以每次你離開Input框都會觸發(fā)這個事件，如果你不想刪除可以用按鈕點擊之類的替代

2018年4月3日 02:21