使用JQ动态获取input里面的值,插入到ul中动态生成li,并且可以对其删除和修改

使用JQ动态获取input里面的值,插入到ul中动态生成li,并且可以对其删除和修改,第1张

获取input的值,可以使用val()命令,

创建内容可以使用$()

插入到ul可以使用appendTo()来插入

下面是一个示例:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<script src="js/jquery-3.3.1.js"></script>

</head>

<body>

<input type="text" name='box'>

<button>插入</button>

<ul></ul>

<script>

$('button').click(function() {

var text = $('input[name="box"]').val()

$('<li>' + text + '</li>').appendTo($('ul'))

})

</script>

</body>

</html>

function tog(id)

{

var obj=document.getElementById(id)

if(obj.style.display=="none")

{

obj.style.display=""

}

else

{

obj.style.display="none"

}

}


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

原文地址:https://54852.com/bake/11563487.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存