av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - jquery 如何向input value里追加值

瀏覽:114日期:2023-02-22 09:49:53

問題描述

<!DOCTYPE html><html><head> <title></title> <script type='text/javascript' src='http://m.4tl426be.cn/wenda/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>

我這里寫的是錯的 我是想實現 點一下span 然后往input value里添加一個值

問題解答

回答1:

$('.box input').val($('.box input').val() + h)

回答2:

$('.box input').val($('.box input').val()+$(this).text())回答3:

不知道你說的追加是什么意思?我理解的是原來val是空字符串’’,點了一個‘補水,’,然后字符串拼接,val變成‘補水,’,再點了一個‘保濕,’,追加var就變成了‘補水,保濕,’

<!DOCTYPE html><html><head> <title></title> <script type='text/javascript' src='http://m.4tl426be.cn/wenda/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).text();$('#id_box_input').val($('#id_box_input').val + h); });</script></html>回答4:

$('.func span').click(function(){ var text = $(this).text(); var $input = $('.box input') $input.val($input.val()+text);});回答5:

樓上說的都對,你可能沒有理解append和直接賦值val()的區別,append是把一個元素插入到已有的dom節點中,比如:

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 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>

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 国产精品欧美一区二区 | 亚洲精彩视频 | 日本人和亚洲人zjzjhd | www.操com| 欧美大片一区 | 九九精品久久久 | 99热国产在线播放 | 96国产精品久久久久aⅴ四区 | 成人中文字幕在线观看 | 免费在线一区二区 | 97成人在线 | 欧美激情五月 | 在线国产视频 | 国产精品视频一二三区 | 综合五月 | 一区二区三区四区免费在线观看 | 99精品一级欧美片免费播放 | 欧美久久一区二区三区 | 第四色影音先锋 | 黄色国产视频 | 久久高清精品 | 欧美综合视频 | 日本黄色影片在线观看 | 成人在线免费 | 国产sm主人调教女m视频 | 日日网| 99热在线免费| 不卡的av电影 | 久久综合狠狠综合久久 | 久草免费在线视频 | 久久久噜噜噜久久中文字幕色伊伊 | 91精品国产色综合久久 | 久久久久久久91 | 国产激情片在线观看 | 亚洲人成人一区二区在线观看 | 亚洲高清在线观看 | 欧美一区2区三区3区公司 | 国产精品视频导航 | 中文字幕日韩在线观看 | 欧美视频一级 | 国产精品高潮呻吟久久 |