大佬们怎么实现这个功能啊,好急!

 

点击下面的地方的文字上面哪个地址图标旁边的文字就变成哪个了

好急,求得到大佬帮助

<div>
			<div>
				定位【<span id="s1">北京</span>】
			</div>
			<ul id="s2">
				<li>北京</li>
				<li>上海</li>
				<li>广州</li>
				<li>深圳</li>
			</ul>
		</div>
		<script>
			document.getElementById("s2").addEventListener("click",function(e) {
				if(e.target && e.target.nodeName.toLowerCase() == "li") {
					document.getElementById("s1").innerText=e.target.innerText
				}
			});
		</script>

 

那就这样?? 

 

可以

选中的时候,获取上面的图标文字的dom然后改变innerText

点击获取文本,然后赋值给标签旁边那个元素,你不贴代码我就只能这么讲

<div>
<div>
	定位【<span id="s1">北京</span>】
</div>
<ul id="s2">
	<li>北京</li>
	<li>上海</li>
	<li>广州</li>
	<li>深圳</li>
</ul>
</div>
<script src="js/jquery-1.8.3.min.js"></script>
<script>
$('#s2').on('click','li',function(){
	$('#s1').text($(this).text())
})	
</script>

 

这样不是快点吗?