[英]Javascript - Changing Text in Drop Down
我有以下代码,它产生一个下拉菜单/选择器。 When one choice is selected, the main display changes to that choice. 虽然,我无法编辑实际代码,但我可以使用此 JQuery 来编辑文本。
<fieldset class='topic'>
<div class='style_picker validatable translate'>
<label class='topic_style' for='style'>
Select a topic type:
</label>
<div class='validatable' id='style_picker'>
<div class='selector'>
<span class='selection'></span>
<span class='handle'></span>
</div>
<ul type='none'>
<li class='ice'>
<span class='style_item'></span>
<span class='copy'>
ice
</span>
</li>
<li class='earth'>
<span class='style_item'></span>
<span class='copy'>
earth
</span>
</li>
<li class='wind'>
<span class='style_item'></span>
<span class='copy'>
wind
</span>
</li>
<li class='fire'>
<span class='style_item'></span>
<span class='copy'>
fire
</span>
</li>
<li class='water'>
<span class='style_item'></span>
<span class='copy'>
water
</span>
</li>
</ul>
</div>
我已经能够编辑各个选项,但是对于每个编辑的片段,如果选中,主显示屏仍会显示原始文本,而不是修改后的文本。 例如:
(function ($) {
$(document).ready(function () {
$('.topic .style_picker li.fire span.copy').text("time");
});
})(jQuery);
我正在尝试将“火”改为“时间”。 如果我使用上面的代码,选择会改变,但主显示保持为“火”。 谁能提供有关如何解决此问题或我应该做什么的见解? 我想负责的线路是
<span class='selection'></span>
但我不确定。 谢谢!
您没有在准备好的 function 中正确关闭“}”。 将其更改为:
(function ($) {
$(document).ready(function () {
$('.topic .style_picker li.fire span.copy').text("time");
});
})(jQuery);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.