当前位置： 文江博客话题详情

使用

发布于 2024-10-17 22:32:52 字数 214 浏览 3 评论 0原文

我正在制作一个带有简单表单的 html 文档，当用户按下提交时，我想调用一个函数，该函数获取 textarea 字段的值并对其进行一些魔法，我在 w3schools 上进行了搜索并完成了一些谷歌挖掘，但我找不到任何东西！

更新：我希望他们能够一遍又一遍地输入信息，基本上我会获取他们输入的内容，更改格式，添加一些内容等并将其写入页面，然后我想要再次清除文本区域。

原文

i'm making a html document with a simple form on it, when the user presses submit i want to call a function that takes the value of the textarea field and does some magic on it, i've had a search on w3schools and done some google digging but i just can't find anything!

update: i want them to be able to enter information over and over again, basically i'm taking what they enter, changing the formatting, adding some things .etc and writing it to the page, then i want to clear the textarea all fresh again.

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（2）

聚集的泪 2024-10-24 22:32:52
<html>
<head>
<script type="text/javascript">
    function magic(){
        var textArea =document.forms[0].elements['myText'];
        textArea.style.color = 'red';
        alert(textArea.value)
    }
</script>
</head>

<body>
    <form>
        <textarea name="myText"></textarea><br/>
        <input type="button" onclick="magic()" value="Go"/>
    </form>
</body>
</html>

您好，这段代码应该让您了解如何获取输入元素的值，然后使用 js 对其进行操作。我希望这有帮助:)

<html>
<head>
<script type="text/javascript">
    function magic(){
        var textArea =document.forms[0].elements['myText'];
        textArea.style.color = 'red';
        alert(textArea.value)
    }
</script>
</head>

<body>
    <form>
        <textarea name="myText"></textarea><br/>
        <input type="button" onclick="magic()" value="Go"/>
    </form>
</body>
</html>

Hi, this bit of code should give you an idea of how you can grab the value of an input element and then manipulate it using js. I hope this is helpful :)

回复 原文
弃爱 2024-10-24 22:32:52
document.forms[0].onsubmit = function ( event ) {
    return !!prompt( this.getElementsByTagName('textarea')[0].value );
}

document.forms[0].onsubmit = function ( event ) {
    return !!prompt( this.getElementsByTagName('textarea')[0].value );
}
回复 原文
~没有更多了~

关于作者

海未深

暂无简介

0 文章
0 评论
23 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

1CH1MKgiKxn9p

文章 0 评论 0

ゞ记忆︶ㄣ

文章 0 评论 0

JackDx

文章 0 评论 0

信远

文章 0 评论 0

yaoduoduo1995

文章 0 评论 0

霞映澄塘

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文