Jquery:用多个下拉框替换html标记之外的所有未格式化的文本
JQuery是一个快速、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画效果和AJAX交互等操作。通过使用JQuery，可以更加高效地操作和管理网页中的元素。
对于替换HTML标记之外的未格式化文本，可以通过使用多个下拉框来实现。下面是一个可能的实现方案：
- 首先，在HTML中创建多个下拉框元素，可以使用
<select>标签来创建下拉框，使用<option>标签来定义下拉框的选项。 - 使用JQuery选择器来选取需要替换的文本元素，可以使用类选择器、ID选择器或其他选择器来选取元素。例如，使用类选择器选取所有未格式化的文本元素：
$(".unformatted-text")。 - 给选取的文本元素绑定事件，例如，可以使用
change()方法来绑定下拉框的改变事件。 - 在事件处理函数中，获取选中的下拉框的值，可以使用
val()方法来获取选中的值。 - 根据选中的值，使用JQuery的DOM操作方法，例如
text()方法或html()方法，来替换文本元素的内容。
下面是一个简单的示例代码：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<select id="dropdown1">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
<select id="dropdown2">
<option value="optionA">Option A</option>
<option value="optionB">Option B</option>
<option value="optionC">Option C</option>
</select>
<div class="unformatted-text">This is an unformatted text.</div>
<div class="unformatted-text">Another unformatted text.</div>
<script>
$(document).ready(function() {
$(".unformatted-text").each(function() {
var $textElement = $(this);
var $dropdown1 = $("#dropdown1");
var $dropdown2 = $("#dropdown2");
$dropdown1.change(function() {
var selectedValue = $dropdown1.val();
$textElement.text(selectedValue);
});
$dropdown2.change(function() {
var selectedValue = $dropdown2.val();
$textElement.text(selectedValue);
});
});
});
</script>
</body>
</html>在这个示例中，我们创建了两个下拉框和两个未格式化文本元素。当下拉框的值发生改变时，对应的文本元素的内容会被替换为选中的值。
对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，我无法给出具体的推荐。但是，腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。您可以访问腾讯云官方网站，了解更多关于腾讯云的产品和服务。
相关·内容
我希望在字符串中找到一个子字符串(从数组中)，然后将其替换为标题与子字符串相等的下拉框。但是，这只排除了包含在'<‘和'<’之间的文本。
我也使用了jconder的答案来回答这个问题。这在一定程度上解决了问题。如果您在包含的工作小提琴中
浏览 5提问于2016-09-22得票数 0
回答已采纳
1回答
我是python中的一个进程的输出，将显示在网页上，但是当<br>、\n和\t呈现到页面上时，我无法正确地格式化这个文本。尝试
将文本编码为服
浏览 1提问于2018-12-31得票数 0
2回答
所以我用媒体画廊模块做了几个节点。然后制作了一个名为“最近的相册”的视图，我把它放在一个街区内，然后显示在首页上。问题是，字符%5B和%5D是根据意愿生成的，使得指向节点的链接在单击时无法工作。所以，在这样的视角下，在图像上盘旋字段：
没有设置任何标签
浏览 0提问于2012-02-29得票数 0
我用一个巨大的未格式化的文本文件组成一个大的HTML文件。现在我担心的是文本文件可能包含一些恶意的javascript代码。为了避免任何损坏，我扫描文本并将任何<或>替换为lt和gt。这是非常有效的，但对性能并不是很好。
有没有什么标记或属性可以让我在HTML文件中关闭javascript？也许在标
浏览 2提问于2011-10-28得票数 5
回答已采纳
0回答
我想把我的帖子从WordPress移到Jekyll，但我在代码块上遇到了问题。我编写了用Kramdown标记替换原始格式化标记的代码，但页面无法识别格式化标记并将其视为文本。下面是代码：
{{ content | replace: '[code language=”csharp”]', '~~~<br>' | replace: '[/code]&
浏览 9提问于2016-07-06得票数 3
回答已采纳
1回答
我们将来往的电子邮件保存在数据库中。然后，我们保存一个删除了所有html标记的版本。这样做的问题是，如果邮件包含这样的表：column1 column2Heading1column1
column2有没有一种简单的方法可以得到一个html表格，并将其转换成纯文本，但格式仍然完好无损。至少在正确的位
浏览 0提问于2015-10-28得票数 0
2回答
IE6中的jQuery按钮显示
、、、、
我们有一些超文本标记语言的按钮，我们使用JQuery - $('#button').button()进行格式化。效果很好，但是..当页面第一次加载到IE6中时，您会看到“未格式化”的常规HTML按钮，然后您会看到JQuery格式设置在瞬间出现。
如何避免显示默认的HTML按钮，而只显示JQuery格式的版本？
浏览 0提问于2010-09-24得票数 1
回答已采纳
我正在寻找一个文本格式化程序，它将从文本框中获取用户输入，并添加新行和其他内容。我目前的做法是将文本推入一个函数中，并将特定的regex匹配替换为它们的html对应： varurlRegex, function(text) {
return '<br/>
浏览 2提问于2014-01-10得票数 1
回答已采纳
我想知道Saxon处理包含元素的CDATA的方式是否存在已知错误。
我有一个正在工作的XSLT3.0和XML过程，包括从包含元素的CDATA获取文本，并在转换中应用HTML标记。我用的是撒克逊-他9.8.0.3和尝试持续的撒克逊-JS。从.xsl文件转换到.sef文件的所有内容都正常工作，除了从包含元素的CDATA中获取的文本<
浏览 0提问于2018-02-18得票数 0
回答已采纳
我有一个带有一些文本的div，我试图使用jQuery用html标记替换该文本，但是它将标记替换为文本，而不是html标记。以下是html结构我试过的是
$("h3").text(function (
浏览 7提问于2016-11-22得票数 0
回答已采纳
;它正在替换上面示例中的So and Coool,I and can,stuff and Like之间的空间。我得到的输出是I am So Coool Because I can do stuff Like THIS!如何与空格一起显示段落文本。
浏览 4提问于2014-04-25得票数 1
回答已采纳
2回答
我使用一个脚本将文本区域中的换行符转换为<li>标记，现在我希望能够输出未格式化的存储内容(在<li>中)标记。所以看起来就像你最初写的一样。我将行回显到textarea中，但它自然也会输出HTML。提前谢谢你。答:在将文本存储在数据库中之前，不要格式化</em
浏览 3提问于2011-03-29得票数 0
回答已采纳
2回答
基本上，我需要能够在一个块中搜索标记"<“和">”，并将它们设置为文本而不是HTML，这样我就可以在页面上显示所有的标记和HTML。目前，当我使用jQuery进行字符串替换时，所有标记都作为实际的HTML语言出现在页面上：filter = text.replace(&#x
浏览 0提问于2011-03-13得票数 1
我有一个从jinja2模板生成的超文本标记语言页面，我想使用AJAX换出一些内容；但是，当我这样做时，交换的内容看起来是普通的和未格式化的。在检查超文本标记语言时，jQuery移动似乎在页面首次加载时对jinja2模板生成的超文本标记语言进行了大量修改。但是，当我执行AJAX请求时，jQuery Mobile不会对内容做任何操作
浏览 0提问于2011-09-20得票数 0
我有带字幕的.srt文件。然而，我的电视不识别像<i> </i>这样的标志，所以它只是印在屏幕上。我正在寻找一种删除所有html标记的方法。
浏览 0提问于2015-08-29得票数 1
5回答
我试图使用jQuery格式化代码块，特别是在<code>标记中添加一个<pre>标记： $("code").wrapInner("<pre如果我加了警报我看到IE在pre中插入了一些额外的文本：
<PRE jQuery1218834632572=&q
浏览 9提问于2008-08-15得票数 13
回答已采纳
1回答
预览文本区域内的HTML标记
、、、、
如何像文本编辑器那样，在文本区域内转换html代码？我搜索了很多，但是预览在文本区域之外(jquery非常简单)。我想知道文本编辑器在文本区域中显示格式化的html的技巧！请注意，我不需要文本编辑器，我希望在键入文本时显示标记；例如，在textarea中键入粗体时显示<b>BOLD</b>。
浏览 3提问于2012-02-10得票数 1
回答已采纳
我正在使用Telerik RadEditor插入具有丰富格式的文本。问题是我的rdlc报告可以格式化除<span style="text-decoration: underline;"> Underlined this Text </span>之外的所有html标记。我想做的是在插入记录后更新它，并用<u>标记替换任
浏览 12提问于2020-02-12得票数 0
回答已采纳
我有这个问题，我创建了一个html页面来显示一些使用quill编辑器格式化的文本。我使用这种格式保存表中创建的所有文本，例如：为了在前端显示文本，我使用v-for和vue.js，如下所示：
<div classform-control" type="text" id="
浏览 4提问于2021-10-08得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
