jQuery-将选择的<option>转换为简单文本

阿尔伯特

我有一个下拉列表选项(<select>)供用户选择。我需要制作一个jQuery解决方案,将选定的选项转换为简单的文本。

例子。列表:

<select>
<option>Oranges</option>
<option>Apples</option>
<option>Bananas</option>
</select>

用户选择了“苹果”。用户单击页面上的特殊按钮后,jQuery用静态文本替换整个列表:

Apples

那么,如何获取所选选项的值并将其替换为整个<select>列表呢?

AmmarCSE

使用replaceWith()

$('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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery-将选定的<option>转换为特定链接

来自分类Dev

将简单的jQuery转换为JavaScript

来自分类Dev

将jQuery语句转换为简单的javascript

来自分类Dev

jQuery将HTML转换为文本并返回

来自分类Dev

将Option <&T>转换为Option <T>

来自分类Dev

将Option [String]转换为Option [Path]

来自分类Dev

将Option <&T>转换为Option <T>

来自分类Dev

简单的jquery插件,用于将json转换为html

来自分类Dev

如何使用jQuery将简单的HTML列表转换为多级

来自分类Dev

jQuery将“ option:contains”转换为精确的字符串值

来自分类Dev

使用jQuery将jSON格式转换为组选择框

来自分类Dev

将xPath转换为jQuery选择器

来自分类Dev

将 Javascript 转换为 Jquery 或 Javascript 选择器除外

来自分类Dev

将 JavaScript 函数转换为 jQuery - 选择选项列表

来自分类Dev

jQuery将option元素的值设置为该元素的文本

来自分类Dev

jQuery AJAX-JSONP将文本转换为JSON

来自分类Dev

使用jQuery将已解析的文本转换为整数

来自分类Dev

将onchange函数转换为输入文本JQuery的数组

来自分类Dev

将缩进的文本列表转换为HTML列表(jQuery)

来自分类Dev

jQuery:将文本转换为整数(输入值)的问题

来自分类Dev

将html转换为纯文本jquery .ajax

来自分类常见问题

使用node.js将简单文本转换为json

来自分类Dev

使用node.js将简单文本转换为json

来自分类Dev

使用node.js将简单文本转换为json

来自分类Dev

将`Future [Option [X]]`转换为`Option [Future [X]]`

来自分类Dev

如何将Option [String]转换为Option [Int]?

来自分类Dev

如何将ul转换为option

来自分类Dev

隐式将Iterable转换为Option

来自分类Dev

将 Int 转换为 Option[Int]

Related 相关文章

热门标签

归档