鼠标点击回复,出现输入框,如何用js实现?

鼠标点击回复,出现输入框,如何用js实现?,第1张

可以事先写一个输入框,默认是隐藏的,当你单击的时候直接让它显示。

<!-- HTML -->

<div>

    <span onclick='reply()'>回复我!</span>

    <input style='display: none' id='reply' />

</div> // JavaScript

function reply() {

    document.getElementById('reply').style.display = 'block'

}

document.txt.innerHTML+='<p>

<input type="text" name="text[]" />

<input type="text" name="text[]" />

<input type="text" name="text[]" />

<input type="text" name="text[]" />

</p>'

替换成

document.body.innerHTML +='<p><input type="text" name="text[]" /><input type="text" name="text[]" /><input type="text" name="text[]" /><input type="text" name="text[]" /></p>'

ps:你太有才了,字符串能直接换行定义,连个引号都不加!

以jquery为例

<input class="ck" data="1">

<input class="ck" data="2">

<input class="ck" data="3">

var html

$( ".ck" ).click( function() {

    if( this.checked ) {

        html = '<input type="text" value="' + $( this ).attr( "data" ) + '">'

        $( "body" ).append( html )

    }

} )


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11922233.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存