我有一个下拉列表选项(<select>
)供用户选择。我需要制作一个jQuery解决方案,将选定的选项转换为简单的文本。
例子。列表:
<select>
<option>Oranges</option>
<option>Apples</option>
<option>Bananas</option>
</select>
用户选择了“苹果”。用户单击页面上的特殊按钮后,jQuery用静态文本替换整个列表:
Apples
那么,如何获取所选选项的值并将其替换为整个<select>
列表呢?
$('select').change(function() {
$(this).replaceWith($(':selected').text());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<select>
<option>Oranges</option>
<option>Apples</option>
<option>Bananas</option>
</select>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句