javascript - 单击图像并更改文本

标签 javascript html

页面上有 2 个图像和一个文本框 (php)

当您单击图像时,我想更改文本。

我是初学者,请发送一段不难理解的代码。

<body>
    <img src="bier1.jpg" alt="u mad" onclick= "">
    <img src="bier2.jpg" alt="u mad" onclick= ""><br>

    <form>
    <input type="text" name="Example"/>
    </form>
</body>

最佳答案

您想更改文本框的文本,我说得对吗?如果是的话,代码如下:

    <body>
        <img src="bier1.jpg" alt="u mad" onclick= "document.forms[0].elements['Example'].value = 'Image 1'">
        <img src="bier2.jpg" alt="u mad" onclick= "document.forms[0].elements['Example'].value = 'Image 2'"><br>

        <form>
        <input type="text" name="Example"/>
        </form>
    </body>

关于javascript - 单击图像并更改文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11188841/

相关文章:

html - 如何使 HTML 列表环绕 float 内容

javascript - 如何使用 Javascript 退出全屏 onclick?

javascript - 使用纯 js 的简单代码 : addEventListener doesn't respond

javascript - 显示 CSS 属性

javascript - 像素化图像数据算法非常慢

html - Angular Bootstrap 4 Navbar 不会切换和 navbar-dark 的问题

html - div的高度不展开

javascript - 处理按键事件时,我的输入字段中插入了双字符

javascript - WIX:我的 CustomAction 应该在哪里以及如何创建和读取临时文件?

javascript - 使用单个 Controller 控制多个 html5 音轨