使用jquery和textarea根据属性更改标记名称
使用jQuery和textarea根据属性更改标记名称的方法如下：
- 首先，确保你已经引入了jQuery库，可以通过以下方式引入：<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
- 在HTML中创建一个textarea元素和一个按钮，用于输入属性和执行更改标记名称的操作：<textarea id="inputAttr" placeholder="输入属性"></textarea> <button id="changeBtn">更改标记名称</button>
- 使用jQuery监听按钮的点击事件，并获取输入的属性值：$(document).ready(function() { $('#changeBtn').click(function() { var attr = $('#inputAttr').val(); changeTagName(attr); }); });
- 创建一个函数
changeTagName，根据输入的属性值更改标记名称：function changeTagName(attr) { $('[' + attr + ']').each(function() { var tagName = $(this).prop('tagName'); $(this).replaceWith(function() { return $('<' + tagName + '/>').append($(this).contents()); }); }); }
以上代码会根据输入的属性值，找到所有具有该属性的元素，并将其标记名称替换为原始的标记名称。
这种方法可以用于动态更改标记名称，适用于需要根据特定属性进行操作的场景，比如根据自定义属性来实现特定样式或功能。
腾讯云相关产品推荐：
- 云服务器（CVM）：提供可扩展的计算能力，满足各种业务需求。产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：高性能、可扩展的关系型数据库服务。产品介绍链接：https://cloud.tencent.com/product/cdb
- 云存储（COS）：安全、稳定、低成本的对象存储服务。产品介绍链接：https://cloud.tencent.com/product/cos
- 人工智能机器翻译（TMT）：提供高质量、多语种的机器翻译服务。产品介绍链接：https://cloud.tencent.com/product/tmt
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
1回答
我是Phonegap开发的新手，在提交表单和图像时陷入了困境。我搜索过其他文章，似乎没有一篇文章涵盖提交表单、数据和图片。
到目前为止，我得到的是HTML页面，您可以在其中拍摄一张照片(照相机)或从库中选择一张。下面是一个表格。在触摸表单中的“发送”按钮后，我想将表单和图像的数据发送到PHP服务器。表单运行良好，内容被带到服务器，当我试图将Base64图像数据作为变量包含时，发送给服务器的信息是对象HTMLCollection，而不是数据本身。
守则：
var pictureSource; // picture source
var destinationType; // sets the
浏览 2提问于2013-02-27得票数 0
回答已采纳
1回答
我有一个调查，其中有一堆问题，包括实际的问题，一些是或否的单选按钮和一个评论框。我加了一张图片给你一个直观的印象。以下是填充问题后的html结构。
<div class=”yesno-question-row”>
<span class=”yesno-question”>
Some Question………..
</span>
<span class=”yesno-answer”>
<span class=”yesno-radio required”>
<input type
浏览 0提问于2015-11-07得票数 0
2回答
我想上传没有模型的文件(文本/图像)(只使用视图和模板)。理想情况下，我希望读取或写入位置。
我现在的代码如下：
在我的模板/foo/help/UploadFileContent.html中
<!doctype html>
<html>
<body>
<link rel="stylesheet" href="{{STATIC_URL}}/stylesheets/jquery-ui.css">
<div class="main-content">
<div class=
浏览 0提问于2014-02-19得票数 9
回答已采纳
我有一个按钮，它创建一个带有唯一id的动态id字段。每次创建新元素时，我都希望jQuery在这些动态textarea字段上触发。
我尝试了.on('click')方法，它不会在动态元素上运行jQuery，除非生成它们的按钮被按了两次。这样就没用了。其次，当我创建第二个动态textarea字段时，它根本不工作，即使我点击了该按钮两次。
jQuery('button').on('click', function() {
var dynamicElement = jQuery('.parentclass').fi
浏览 0提问于2015-04-04得票数 0
2回答
我正在使用这个脚本
jQuery.each(jQuery('textarea[data-autoresize]'), function() {
var offset = this.offsetHeight - this.clientHeight;
var resizeTextarea = function(el) {
jQuery(el).css('height', 'auto').css('height', el.scrollHeight + offset);
};
浏览 1提问于2014-12-24得票数 0
回答已采纳
2回答
正在验证文本区域
、、
我的所有其他表单元素都有效，但我的文本区域除外。想一想为什么要用下面的代码？
<?php $attributes = array('cols' => '30', 'rows' => '5', 'id' => 'article', 'class' => 'required') ?>
<div>
<?php echo form_textarea('article', '',
浏览 2提问于2012-04-10得票数 0
回答已采纳
在jquery中显示时，我需要将文本的某些部分设置为粗体：
$(':checked').each(function() {
var $textarea = $('textarea');
$textarea.val($textarea.val() + $(this).prop('name') + ' = ' + this.value + '\n' );
});
在上面的代码中，我希望将$(this).prop('name')设置为粗体，同时在文本区域中显示它。
请给我任何建议/帮助
预
浏览 4提问于2012-04-05得票数 3
回答已采纳
我有SQLite3 (即空间查询)，它将结果输出到HTML中。我想让AsText(几何)数据在<textarea>中输出
这是table和一些假设。
<table>
<tr>
<th>name</th>
<th>AsText(Geometry))</th>
</tr>
<tr>
<td>Andres Street</td>
<td>LINESTRING(7.
浏览 1提问于2011-06-16得票数 0
回答已采纳
2回答
试图学习jquery。看到了关于通过iframe预览textarea输入的代码。
<div class="content">
<textarea></textarea>
<iframe></iframe>
</div>
JQuery
$(function () {
'use strict';
$(document).ready( function () {
$('div.content textarea').keyup( function () {
浏览 0提问于2019-04-03得票数 2
回答已采纳
2回答
类似于文本区域的自动完成
、、、、
我想为我的一个宠物项目实现像自动完成行为一样的Jira。检查下面的截图。
我已经努力寻找任何现有的插件，可以提供它，但找不到任何人。
我尝试了以下内容()：
添加textarea和input(最初隐藏的)字段元素。
在keyPress上绑定textarea事件
捕获@键并显示具有用户列表的jQuery#autocomplete插件启用的input字段
HTML：
<div class='span12'>
<textarea id='comments' class='span12'>&l
浏览 5提问于2014-08-20得票数 5
回答已采纳
我的代码中有一些输入字段，根据单击哪个复选框，需要启用或禁用这些字段。在我添加th:field部件以存储th:object中字段的值之前，它工作得很好。现在我的JavaScript不能工作，所以字段始终是禁用的。
这是我的html文件中的一个字段：
<div class="form-group form-inline form-xtra required">
<label>Texto mensaje:</label>
<div class="form-item">
<texta
浏览 1提问于2018-10-04得票数 0
回答已采纳
2回答
我在获取一个textarea的值时遇到了问题，这个id由数据库中的值填充。如何能够通过jQuery获得它呢？
function updateTextarea(textarea, updateUrl) {
var field = textarea.attr("data-field");
var id = textarea.attr("data-id");
var fieldValue = document.getElementById(id).value;
textarea.val("Aktualisiere..."
浏览 0提问于2016-03-23得票数 1
回答已采纳
我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Terms of Use</title>
</head>
<body>
<form method="post" action="$PORTAL_ACTION$" class="login">
<h1>Terms of Use</h1>
<p class="login
浏览 9提问于2015-11-26得票数 0
我有一个div，我在其中放置了带有提交按钮的文本区域。我需要把文本区域放在每个帖子下面，让用户发表评论。
这是我的文本区域的形状
<div id="textarea_wrap">
<div id="textarea_12" class="txtarea">
<form name="post_comment" action="reply.php" method="post">
<input type="hidden" nam
浏览 0提问于2013-04-19得票数 3
我输入文本到测试区域并保存，然后单击编辑按钮，现在我必须从文本框中删除文本。
当我执行下面的命令清除文本框时，我得到了错误。
`Execute Javascript window.document.getElementByName('resolution').value='';`
HTML：
<span class="textarea-text edit" sfuuid="1832">
<textarea class="input-xlarge wide tleft" name="r
浏览 0提问于2014-03-04得票数 0
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("span").click(function(){
$(.comment).hide();
});
});
<
浏览 0提问于2011-05-21得票数 3
回答已采纳
我想制作一些类似于在线txt编辑器的东西。问题是，当我尝试应用document.getElementById("textArea").style.fontWeight="bold";时，整个文本区域都改为粗体，我只想要文本，而粗体则切换为粗体，就像我猜的microsoft一样。问题:如何更改文本区域中特定文本的字体样式。我是个初学者，所以我只知道如何使用javascript和jquery。
<button onclick="Bold()"><h3>Bold</h3></button>
<te
浏览 3提问于2021-02-22得票数 0
回答已采纳
3回答
也许我的上一个问题(现在被删除了)被误解了，所以这次我更清晰地重发了它：
jQuery(UI)：
$("#tabs").tabs({
select: function(event, ui) {
alert(ui.panel.id);
$('input[name=myinput], textarea[name=myinput]').attr('disabled', true);
$('input[name=myinput].' + ui.panel.id + ', t
浏览 1提问于2010-07-01得票数 0
回答已采纳
1回答
我有一个表单，它在提交时验证，并使用jQuery验证插件进行验证。在表单中，应该禁用一个元素，直到另一个元素显示为有效为止。因此，当特定元素有效时，我正在寻找一种执行函数的方法(删除禁用的attr)。
下面列出了代码。
当#klas有效时，应该启用#ll-naam。相反，当#klas无效时，应该禁用#ll-naam，这样用户就不能输入任何内容。
为了找到正确的解决方案，我挣扎了好几个小时，但这一次，医生和谷歌似乎都不是我的朋友。有人能帮我吗？
提前感谢！
jQuery：
$("#newAp").validate({
validClass:
浏览 3提问于2011-10-08得票数 2
回答已采纳
4回答
我知道将两个框架prototype和jquery结合起来不是一个好主意。但我已经用prototype编写了很多代码，但当我发现jquery时，我决定使用它，因为有一些方法和函数比prototype更先进。
我的问题是，我正在使用jquery自动增长，但如果我同时使用prototype，它就不起作用了。甚至我也遵循了关于“在其他库中使用jquery”的jquery说明。
任何帮助都将不胜感激
在头上
<script type="text/javascript" src="js/prototype.js"></script>
<scri
浏览 2提问于2009-10-07得票数 1
我想我已经很接近了。如何获得"newtitle“变量以匹配标题字段中键入的内容？
确切地看：
jQuery：
var newtitle = 'This works but isn\'t what I type';
//var newtitle = $('$title-field').text(); // This doesn't work
//var newtitle = $('$title-field').html(); // This doesn't work
//var newtitle = $('$
浏览 1提问于2018-09-19得票数 0
回答已采纳
下面是复选框：
$qry_strings4 = "SELECT * FROM `Y new questions`";
$preps4 = $pdo_conn->prepare($qry_strings4);
$preps4->execute();
// $row = $preps4->fetch(PDO::FETCH_ASSOC);
//echo "$count";
echo "<table style='border:0px; back
浏览 0提问于2013-09-19得票数 0
回答已采纳
当一个按钮被点击时，它需要在它出现之前查看，并找到一个特定的span标记。不幸的是，它要么找不到标签，要么不改变它的内容。
这是不起作用的代码。
$(this).prev("span[id*=CommentText]").hide();
我可以在load事件期间设置颜色，但是当链接被点击时，它不会做任何更改。
这是有效的，但仅在加载阶段：
$("span[id*=CommentText]").css("background-Color", "red");
编辑：
<html>
<head>
<
浏览 0提问于2010-01-04得票数 1
回答已采纳
我试图使textarea在单击它的父Div时动态生成自动焦点。但这是行不通的。同样的情况发生在required和maxlenght。(我感谢你的帮助:)
我尝试用标记自动对焦、required和required='required‘编写。因此，在JQuery中，我使用了focus()、和focusin()；但是什么都没有发生。
<p class='p_usuarios' onClick='read_chat_messages()'> /*PARENT*/
...
<textarea class='tex
浏览 0提问于2019-04-26得票数 0
下面是Jquery，当您添加" maxlength“属性时，Jquery将强制执行textarea的最大长度。IE不支持Maxlength。如何调整代码以处理页面上的多个文本区域？目前，如果我向任何文本区域添加文本，它们都会以相同的值进行倒计时。
Jquery：
$(document).ready( function () {
maxLength = $("textarea").attr("maxlength");
$("textarea").after("<div><span id='rema
浏览 3提问于2013-02-23得票数 12
回答已采纳
在我的程序中，我写了一个这样的脚本和表格：
jQuery :
var message1 = $('#message').val();
表格:
<label>Message</label>
<textarea rows="4" name="message" id="message" class="required"></textarea>
我正在得到var message1的结果是[object HTMLTextAreaElement]，我的代码有什么问题吗？
浏览 2提问于2015-10-20得票数 2
在没有使用<form>的情况下，我从不过多地考虑如何提交数据。我最初只关注我的表单的设计。
现在，我很难在没有<form>标记的情况下发送<form>数据。我正在使用bootstrap框架。
此外，如何获得要提交的<select>标记中的值。下面是我的HTML和PHP代码。
以下HTML
<div id="box1">
<input name="fname" type="text" placeholder="name">
</div>
&l
浏览 3提问于2013-08-08得票数 0
回答已采纳
我喜欢这个文本扩展器，因为它不会像其他人在计算调整大小时那样偶尔锁定键盘。然而，当我使用它时，浏览器有时会在调整大小时跳到页面的顶部(而不是停留在我滚动到的页面的点上)。对如何解决这个问题有什么建议吗？
/**
* TextAreaExpander plugin for jQuery
* v1.0
* Expands or contracts a textarea height depending on the
* quatity of content entered by the user in the box.
*
* By Craig Buckler, Optimalwork
浏览 0提问于2011-05-10得票数 1
回答已采纳
我在一个网站上工作，在那里用户可以创建和保存自己的HTML表单。我考虑使用js (最好是jquery)来获取表单的HTML (以代码源码格式)，并通过mysql将其插入到文本行中，而不是在数据库中逐个插入表单元素和ids。
例如，我在div中有一个窗体
<div class="new_form">
<form>
Your Name:
<input type="text" name="something" />
About You:
<textarea name=about_you></text
浏览 1提问于2010-08-27得票数 3
回答已采纳
我很难理解为什么这不起作用。我的表单上有两个字段，当我单击一个按钮时，另一个文本字段值将更改为该值。我怎么才能让它工作呢？
function calculate()
{
var odometerStart = parseFloat (document.getElementById('odometerStart').value);
var odometerEnd = parseFloat(document.getElementById('odometerEnd').value);
var distance = document.getEle
浏览 2提问于2011-10-15得票数 12
回答已采纳
2回答
当使用iPad蓝牙键盘将文本输入到我们的内部站点时，一些客户端一直在报告问题。当使用桌面或屏幕键盘上的iPad时，在特定输入上主要按enter键可以很好地工作，而使用连接到iPad的蓝牙键盘时就不行了。
经过调查，似乎onKeyUp的任何输入在连接到iPad上的蓝牙键盘时都返回0作为键码。演示很好，但是当使用屏幕上的键盘时，它不能工作，因为返回0的键码。在Chrome和Safari上进行了iPad测试，结果与onKeyPress运行良好，但onKeyUp只返回0。
$('#inputKeyUp').keyup(function (event){
$("#outpu
浏览 0提问于2017-08-28得票数 5
回答已采纳
2回答
为什么jQuery('textarea').text()总是返回默认值而不是当前文本，而文本区实际上有一些文本，而jQuery('textarea').value返回文本？查看以了解问题所在。
浏览 0提问于2011-04-02得票数 3
回答已采纳
我有一个页面和一个弹出式页面，我想显示弹出屏幕上点击一个按钮，.I有标题都弹出屏幕和页面，但当我点击按钮，弹出是显示，但它的css不是很实际。我使用的是jquery mobile。这是我的小提琴
<div data-role="page" id="Home" >
<div data-role="header" data-theme="b" data-position="fixed" >
<h1 class="ui-title&
浏览 0提问于2013-06-16得票数 1
回答已采纳
3回答
我想知道为什么jQuery验证插件对<input>和<textarea>的默认处理会有所不同。在下面的演示中，请注意required类使<input>成为必需的，但不使<textarea>成为必需的。
<form>
<input class='required' />
<textarea class='required' ></textarea>
<button value='submit'>submit</
浏览 0提问于2013-08-05得票数 2
回答已采纳
12回答
当我提交表单时，我试图输入一个textarea标记：
<textarea id="confirmationText" class="text" cols="86" rows ="20" name="confirmationText" form="confirmationForm"></textarea>
<form action="sendConfirmation.php" name="confirmationForm" method=
浏览 12提问于2013-09-15得票数 46
回答已采纳
我使用一个在iframe中输出的jQuery函数在不同的文本区域找到了一个用于HTML和CSS的实时标记代码：
<div class="container grid">
<form>
<h3>HTML</h3>
<textarea id="html" class="edit"></textarea> // TEXTAREA FOR HTML
<h3>CSS</h3>
<textar
浏览 0提问于2019-04-08得票数 2
5回答
我正在尝试使用PHP的jquery验证来验证一个表单。我已经用谷歌完成了所有这些工作……我刚开始接触网络，development.The表单在FF中工作得非常好，但脚本在IE 11..HELP ME...THANKS中却无法工作……代码如下：
<script src="js/jquery-1.9.0.js"></script>
<script src="js/jquery.validate.min.js"></script>
<!-- jQuery Form Validation code --&
浏览 0提问于2014-05-05得票数 1
3回答
我有一个asp.net网页。用户在文本框中输入数据，我使用按钮执行OnClick="SubmitData"：
现在，我想使用jquery，使我的表单看起来更好，我不知道是否可以保留asp.net控件，或者是否必须转换为html控件。
问题我需要转换吗？
<asp:TextBox ID="section_c_issue_error_identified_byTextBox" width="500" runat="server"
/>
像这样的事情：
<textarea n
浏览 1提问于2011-09-13得票数 3
回答已采纳
我知道这个问题已经了，但我的问题有点不同。
我有一个文本区域，我将其值设置如下：
<textarea><span>all this inside textarea</span></textarea>
现在，我正在使用jQuery进行一些ajax操作，并希望通过jQuery设置文本区域的值。
以下是我的jQuery代码。
jQuery(function(){
jQuery("select#rooms").change(function(){
var options = '';
jQuery.get
浏览 2提问于2009-09-08得票数 1
1回答
我知道这应该很简单(根据插件页面)
但是我正在尝试使用这个插件，但没有成功，下面是我的表单：
<form id="mongoForm">
<label for="skip">skip:</label> <input type="text" id="skip"
style="width: 70px">
<p />
limit: <span id="limitLable
浏览 1提问于2012-04-11得票数 0
5回答
在JQuery中，当尝试访问元素时，我看到如果我有一个表单(比如textarea)，并且我想在其中获取text，我必须使用$("textarea").val();
相反，如果我有一个h1元素，我必须使用$("h")[0].innerHTML;
为什么会这样？h1.val()/textarea.innerHTML do not work
浏览 7提问于2016-12-27得票数 14
回答已采纳
3回答
我正在编写一个基本表单，其中包含一个文本区域和一个提交按钮：
<form action="admin-post.php" method="post">
<textarea style="width:630px;" aria-hidden="true" class="wp-editor-area" rows="6" autocomplete="off" cols="71" name="author_message" id=&#
浏览 7提问于2014-10-11得票数 0
回答已采纳
好了，我上一篇文章是失败的，所以让我们再试一次。
如果您访问www.davekiss.com并单击右上角的图标，您将看到jQuery滑块的自定义实现。点击"Contact“按钮并填写文本区域。
基本上，我试图将该文本区域中的值保存到一个javascript变量中，但由于某些原因，该变量是未定义的。
有问题的代码：
jQuery("a#send-thoughts").click(function() {
var thought = jQuery("textarea#message").val();
浏览 0提问于2011-04-19得票数 0
回答已采纳
2回答
我的jquery提示只有在文本框而不是文本框中才有效。如何让它同时适用于这两种情况。
$(document).ready(function() {
//Shows the title in the text box, and removes it when modifying it
$('input[title]').each(function(i) {
if(!$(this).val()) {
$(this).val($(this).attr('title')).addClass('hint');
}
仅适用于：
<input t
浏览 0提问于2012-03-04得票数 1
回答已采纳
我写了一个函数来替换原始的html占位符，然后我就可以设置占位符文本的样式了。
它可以很好地处理输入和文本区域元素，
问题:如果目标是contentEditable div，点击后一次不对焦，无法打字，需要点击二次才能对焦...
如何只单击一次并将焦点置于
var placeholder = function(el) {
el.on('focusin', function() {
var val = $(this).text();
var placeholder = $(this).attr('data-placeholder'
浏览 4提问于2016-06-16得票数 4
我正在学习jQuery，并且在html复选框中添加和删除禁用属性时遇到了一些麻烦。我想要它，这样当你选中这个框时，你不能在文本中输入地址，否则你必须从搜索框中进行选择。我已经完成了后面的工作，但是复选框给我带来了麻烦。这是我的函数调用。它可以很好地进入函数，但在选中时不会删除禁用的属性，并抛出一个错误，表明它不能使用addAttr方法重新添加禁用的属性。
//attach an event for clicking on the informal contact button
jQuery(document).ready(
function () {
jQuery(&#
浏览 4提问于2012-06-26得票数 5
"name"属性在<input>、<textarea>和<button>元素中是强制性的吗？或者我们可以用id或class代替？
浏览 5提问于2014-07-04得票数 3
回答已采纳
因此，我有一个form，它包含一个textarea字段和一个submit按钮：
<form class="popupForPosting">
<textarea id="postContent" name="postContent" rows="8" cols="80" class="postContent" placeholder="What's going on, <?php echo $firstname ?>?"></tex
浏览 6提问于2022-01-22得票数 0
回答已采纳
3回答
我在我的网站上实现了以下联系表格(从模板)，我可以成功地发送和接收电子邮件消息，但是在我的收件箱中没有收到消息部分(用户文本)。我收到的名字和电子邮件，但不是信息的内容。
有人能帮忙找出并解决这个问题吗？是php，jQuery还是html错了？
HTML:
<form action="contact.php" class="contact_form" id="form" method="post">
<div class="col-lg-6 col-md-6 col-lg
浏览 2提问于2017-03-15得票数 0
快把我逼疯了。目前正在开发新的.Net MVC项目并修复客户端验证。这已经不是我第一次使用它了，还有很多关于秘密验证的问题，我想我已经读过了。
表单是使用Html.BeginForm创建的
web.config ClientValidationEnabled和UnobtrusiveJavaScriptEnabled设置为true
向我的模型Required属性添加属性(简单Results属性)
所有必需的脚本都按正确的顺序包含：jquery、jquery.validate.js和jquery.validate.unobtrusive.js。
在我的剃须刀上我用
@H
浏览 4提问于2014-11-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
