masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
javascript - jquery bagaimana untuk menambah nilai pada nilai input
漂亮男人
漂亮男人 2017-07-05 11:02:29
0
5
1753
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.8.2.min.js"></script>
</head>
<style type="text/css">
    .box{width: 600px;height: 300px;border: 1px solid #ccc;margin: 0 auto}
    .func span{margin-right: 10px;cursor: pointer;}
</style>
<body>
        <p class="box">
            <input type="text" name="" value="">
        </p>
        <p class="func">
            <span>补水,</span><span>保湿,</span><span>去皱,</span><span>美白,</span>
        </p>
</body>
<script type="text/javascript">
    $(".func span").click(function(){
        h=$(this).html();
        $(".box input").attr("value").append(h);
    });
</script>
</html>

Apa yang saya tulis di sini adalah salah, saya ingin melaksanakannya dengan mengklik span dan kemudian menambah nilai pada nilai input

漂亮男人
漂亮男人

membalas semua(5)
学习ing
学习ing2017-07-05 11:04:29 Tingkat 5

$(".input kotak").val($(".input kotak").val() + h)

Suka +0
Tambah Balasan
三叔
三叔2017-07-05 11:04:29 Tingkat 4 
$(".box input").val($(".box input").val()+$(this).text())
Suka +0
Tambah Balasan
扔个三星炸死你
扔个三星炸死你2017-07-05 11:04:29 Tingkat 3

Saya tidak tahu apa yang anda maksudkan dengan menambah? Apa yang saya faham ialah pada asalnya val是空字符串'',点了一个‘补水，’，然后字符串拼接，val变成‘补水，’，再点了一个‘保湿，’，追加var bertukar menjadi 'menghidrat, melembapkan,' 

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.8.2.min.js"></script>
</head>
<style type="text/css">
    .box{width: 600px;height: 300px;border: 1px solid #ccc;margin: 0 auto}
    .func span{margin-right: 10px;cursor: pointer;}
</style>
<body>
        <p class="box">
            <input id= "id_box_input" type="text" name="" value="">
        </p>
        <p class="func">
            <span>补水,</span><span>保湿,</span><span>去皱,</span><span>美白,</span>
        </p>
</body>
<script type="text/javascript">
    $(".func span").click(function(){
        h=$(this).text();
        $("#id_box_input").val($("#id_box_input").val + h);
    });
</script>
</html>
Suka +0
Tambah Balasan
刘奇
刘奇2017-07-05 11:04:29 Tingkat 2 
$(".func span").click(function(){
    var text = $(this).text();
    var $input = $(".box input")
    $input.val($input.val()+text);
});
Suka +0
Tambah Balasan
typecho
typecho2017-07-05 11:04:29 Tingkat 1

Semua yang dinyatakan di atas adalah betul Anda mungkin tidak memahami perbezaan antara tambah dan tugasan langsung ke val(Add) memasukkan elemen ke dalam nod dom sedia ada, seperti: 

1. 把<span>补水,</span>  插入到p中
var span = '<span>补水,</span>';
$("p").append(span),此时span就被加入到p中了
2. 而赋值直接是在input中给定一个值
直接
$("input").val(你需要插入的值)

可以试试看
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>时间</title>
  <style type="text/css">
    .box{width: 600px;height: 300px;border: 1px solid #ccc;margin: 0 auto}
    .func span{margin-right: 10px;cursor: pointer;}
</style>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>
<body>
        <p class="box" id="p">
            <input type="text" name="" value="">
        </p>
        <p class="func">
            <span>补水,</span><span>保湿,</span><span>去皱,</span><span>美白,</span>
        </p>
</body>
<script type="text/javascript">
    $(".func span").click(function(){
        h = $(this).html();
        $(".box input").val($(".box input").val() + h); // val
        $("#p").append(h); // append
    });
</script>
</html>
Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan