使用 javascript 通过 ID 更改表单元素

布拉德利·琼斯

问题:

在以需要更改的方式处理表单的 Saas 环境中工作。它是软件即服务,因此系统范围内的独特更改不是一种选择。

尝试的解决方案:

尝试使用系统添加到页面标题区域的 Javascript 来更改表单 ID 的值,以便在提交表单时它包含更改后的值。

代码:HTML

                <div class="form-group " data-field="how_to_apply">
            <label class="form-label">How to Apply </label>


<div id="application-settings" class="form--move-left clearfix row">
    <div class="form-group form-group__half">
        <input id="via-email" name="ha" value="1" checked="checked" onclick="displayInput(false, 'how_to_apply_1');" type="radio" />
        <label for="via-email" class="form-label">
            By Email<br/>
        </label>
        <input value="[email protected]" class="form-control"  name="how_to_apply"  id="how_to_apply_1" type="email" />
    </div>
    <div class="form-group form-group__half">
        <input id="via-site" name="ha" value="2"  onclick="displayInput(false, 'how_to_apply_2');" type="radio" />
        <label for="via-site" class="form-label">
            By URL
        </label>
        <input value="" class="form-control" name="how_to_apply" id="how_to_apply_2" disabled="disabled" type="url" required placeholder="e.g. http://www.yourwebsite.com"/>
    </div>
</div>

试图更改分配给 how_to_apply_1 ID 的电子邮件地址

使用的 Javascript

  document.getElementById("how_to_apply_1").value = "[email protected]";

重要的是要补充一点,这在 CodePen 区域中按预期工作,但不在实时站点上,所以我的假设是在我没有看到的地方写了一些东西,或者我需要使用其他东西来强制更改,我不知道。任何建议或帮助将不胜感激

提前致谢...

蒂莫

您需要在 DOM 准备好后运行您的脚本。您可以将脚本包装在 DOMContentLoaded 事件中,如下所示:

document.addEventListener("DOMContentLoaded", function(event) {
    document.getElementById("how_to_apply_1").value = "[email protected]";
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用Javascript通过ID删除元素?

来自分类Dev

Ajax表单提交我想通过id从PHP中的返回值更改表单元素的值,以供脚本下一次调用时使用

来自分类Dev

Ajax表单提交我想通过id从PHP中的返回值更改表单元素的值,以供脚本下一次调用时使用

来自分类Dev

Javascript DOM元素通过id访问而不使用函数

来自分类Dev

使用 JavaScript 和 UIWebView 通过 ID-SWIFT 检索元素

来自分类Dev

通过JavaScript更改CSS属性。(使用ID和类)

来自分类Dev

使用JavaScript计算并添加动态ID和表单元素的值

来自分类Dev

通过ID获取表单元素时出错

来自分类Dev

表单元素迭代,使用Javascript

来自分类Dev

如何使用javascript通过id更改类名和id名?

来自分类Dev

尝试使用 Javascript 更改元素的 id

来自分类Dev

通过javascript中的DOM获取所需的表单元素

来自分类Dev

使用 javascript 通过 <a> 提交表单

来自分类Dev

通过JavaScript中的ID访问元素

来自分类Dev

如何通过ID Javascript选择元素范围

来自分类Dev

Javascript无法通过ID的某些元素

来自分类Dev

引用通过Javascript动态设置的元素ID

来自分类Dev

使用javascript通过for属性更改表单标签内容

来自分类Dev

使用JavaScript通过tag-> id-> element获取嵌套元素

来自分类Dev

通过使用变量ID检索元素

来自分类Dev

无法使用$(this)通过ID抓取元素

来自分类Dev

使用硒无法通过 id 找到元素

来自分类Dev

无法使用硒通过 ID 获取元素

来自分类Dev

通过元素ID使用元素,而无需先声明ID

来自分类Dev

通过ID通过jQuery使用多个值来选择元素

来自分类Dev

HTML JavaScript,我如何通过给每个元素赋予不同的ID来使该函数使用JavaScript工作

来自分类Dev

如何使用JavaScript在表单元素上添加.click()事件?

来自分类Dev

使用JavaScript或alpineJS创建重复的表单元素

来自分类Dev

如何使用JavaScript在表单元素上添加.click()事件?

Related 相关文章

  1. 1

    如何使用Javascript通过ID删除元素?

  2. 2

    Ajax表单提交我想通过id从PHP中的返回值更改表单元素的值,以供脚本下一次调用时使用

  3. 3

    Ajax表单提交我想通过id从PHP中的返回值更改表单元素的值,以供脚本下一次调用时使用

  4. 4

    Javascript DOM元素通过id访问而不使用函数

  5. 5

    使用 JavaScript 和 UIWebView 通过 ID-SWIFT 检索元素

  6. 6

    通过JavaScript更改CSS属性。(使用ID和类)

  7. 7

    使用JavaScript计算并添加动态ID和表单元素的值

  8. 8

    通过ID获取表单元素时出错

  9. 9

    表单元素迭代,使用Javascript

  10. 10

    如何使用javascript通过id更改类名和id名?

  11. 11

    尝试使用 Javascript 更改元素的 id

  12. 12

    通过javascript中的DOM获取所需的表单元素

  13. 13

    使用 javascript 通过 <a> 提交表单

  14. 14

    通过JavaScript中的ID访问元素

  15. 15

    如何通过ID Javascript选择元素范围

  16. 16

    Javascript无法通过ID的某些元素

  17. 17

    引用通过Javascript动态设置的元素ID

  18. 18

    使用javascript通过for属性更改表单标签内容

  19. 19

    使用JavaScript通过tag-> id-> element获取嵌套元素

  20. 20

    通过使用变量ID检索元素

  21. 21

    无法使用$(this)通过ID抓取元素

  22. 22

    使用硒无法通过 id 找到元素

  23. 23

    无法使用硒通过 ID 获取元素

  24. 24

    通过元素ID使用元素,而无需先声明ID

  25. 25

    通过ID通过jQuery使用多个值来选择元素

  26. 26

    HTML JavaScript,我如何通过给每个元素赋予不同的ID来使该函数使用JavaScript工作

  27. 27

    如何使用JavaScript在表单元素上添加.click()事件?

  28. 28

    使用JavaScript或alpineJS创建重复的表单元素

  29. 29

    如何使用JavaScript在表单元素上添加.click()事件?

热门标签

归档