我创建了如下 html
<input id="<code generated id>" type="text" value="select"/>
<div id="<code generated id>" class="popup">
<ul id="<code generated id>" class="none">
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
</div>
...
...
...
<>
<input id="<code generated id>" type="text" value="select"/>
<div id="<code generated id>" class="popup">
<ul id="<code generated id>" class="none">
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
</div>
.none
{
display:none;
}
请注意,该 html 部分在渲染后会在浏览器中重复。 现在我希望每当单击文本框(输入)时,它对应的 ul 标签应该可见。
最佳答案
如果你不想使用Javascript,你可以使用css焦点选择器来实现
.none {
display:none;
}
input:focus + div.popup >ul {
display:block;
}
关于javascript - 如何让对应的ul标签可见?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32351236/