如何用JS实现 左边一个下拉列表 选择一个值 点击右边的添加按钮 将选择的内容添加到一个div中

如何用JS实现 左边一个下拉列表 选择一个值 点击右边的添加按钮 将选择的内容添加到一个div中,第1张

<select id="ce">

<option value="1">1</option>

<option value="茄信春2">2</option>

<option value="3">3</option>

<option value="4">4<颤耐/option>

<option value="5">5</option>

</select>

<input type="button" value="添加" id="btn"/>

<坦猜div id="div">

</div>

<script>

var ce=document.getElementById('ce')

var btn=document.getElementById('btn')

var div=document.getElementById('div')

var num=''

ce.onchange=function(){

num=this.value

}

btn.onclick=function(){

div.innerHTML=num

}

</script>

望采纳

<div class="nav">

<ul>

<li><a href="#">家居仔拆雀日用</a>

<div class="down_list">

<ul>

<li><h3>家居用品:</h3></li>

<li><a href="#">餐具</a><a href="#">厨具用品</a><a href="#">家居日用品</a></li>

<li><a href="#">创意家居用品</a><a href="#">日常保健</a></li>

<li><a href="#">沐浴用品</a><a href="#">修容礼念早品</a></li>

<li><h3>家纺用品:</h3></li>

<li><a href="#">被子被套</a><a href="#">蚕丝被</a><a href="#">床品套件</a></li>

<li><a href="#">毛巾套装</a><a href="#">收纳搁置</a></li>

</ul>

<ul class="price">

<li><h3>价格分类:</h3></li>

<li><a href="#">50元以下</a></li>

<li><a href="#">50-100元</a></li>

<li><a href="#">500-1000元</a></li>

<li><a href="#">1000-3000元</a></li>

</ul>

</div>

</li>

<li><a href="#">所有礼品</a></li>

<li><a href="#">积分兑换区</a></li>

<御嫌/ul>

</div>


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存