Jquery 更改<；总结>；单击元素

我想选择一个

元素，然后单击下拉列表中的一个项目。单击下拉列表中的项目后，我希望此项目的文本值替换

元素中的文本

因此，

加载页面并显示“选择主题”。然后，用户单击箭头并选择“1”。单击后，

显示“1”而不是“选择主题”。到目前为止，这里是代码的一部分，但我一直坚持用文本替换原始的

文本：

JSFiddle：

HTML:

非常感谢您的帮助。

行

$（摘要）。innerHTML=topic是问题所在，您的选择器不在qoutes中，您还可以使用
.html（）
在jQuery中设置html


$（'.div类'）。单击（函数（事件）{
setTimeout（函数（）{
var topic=event.target.innerText；
$（'summary'）.html（主题）；
}, 20);
});

选择主题
1.
2.
您可以使用
.text（）
设置摘要元素的文本。此外，如果有多个这样的元素，您可以提供一些id或类来区分它们

演示代码：


$（'.div类'）。单击（函数（事件）{
setTimeout（函数（）{
var topic=event.target.innerText；
$（“summary”）.text（主题）；//使用.text设置值或html
}, 20);
});

选择主题
1.
2.
您喜欢这两个答案中的哪一个？
<details id="tesing2"><summary>Select Topic</summary>
<div class=div-class style="cursor: pointer;">1</div>
<div class=div-class style="cursor: pointer;">2</div>
</details>

$('.div-class').click(function (event) {
setTimeout(function() {
var topic = event.target.innerText;
$(summary).innerHTML = topic;
}, 20);
});