使用if else语句打开新页面,以检查html表单元素是否等于某个单词

托尼·史塔克

如何使用if else语句打开新页面,以检查html表单元素是否等于某个单词或短语。基本上,我有一个表单,如果用户在Name输入中键入某些单词或短语(例如John或Maria),那么我想编写一个if,else语句来打开一个新页面,但前提是Name为充满了约翰或玛丽亚。

约翰·鲁尼
<input id="name" name="person" />

<script>
function opener() {
    var text = document.getElementById('name').value;
    var targetNames = {
        john : "http://example1",
        maria : "http://example2"
    };
    if (text in targetNames) {
        window.open(targetNames[text]);  
    }
}

document.getElementById('name').addEventListener('keyup', opener, false);
</script>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用 itextsharp 检查添加元素是否会创建新页面

来自分类Dev

使用Intents Android打开新页面

来自分类Dev

使用提交进行表单标记不会打开新页面/窗口

来自分类Dev

使用Flask在新页面上将HTML表单数据显示为JSON

来自分类Dev

jQuery innerWidth 不使用 } else { 不刷新页面

来自分类Dev

使用 PHP 在新页面中使用 HTML 表单编辑填充了 MySQL 数据库的 HTML 表行

来自分类Dev

如何使用 each() 迭代更新页面元素?

来自分类Dev

使用react-router在SPA应用程序中刷新页面时如何打开index.html页面

来自分类Dev

用PHP提交表单后,如何在新页面上显示使用HTML文件控件上传的图像?

来自分类Dev

重定向到表单提交页面并在新页面中使用表单数据

来自分类Dev

使用单词字典检查是否存在某个单词

来自分类Dev

是否可以使用Firefox扩展程序或桌面应用程序更新页面的HTML内容?

来自分类Dev

是否可以使用Firefox扩展程序或桌面应用程序更新页面的HTML内容?

来自分类Dev

更改原始页面并使用一个链接打开新页面-iOS 8.3

来自分类Dev

如何使用ajax函数发送表单而不刷新页面,我缺少什么?我是否必须使用rest-framework?

来自分类Dev

使用AngularJS的SPA刷新页面

来自分类Dev

使用AngularJS的SPA刷新页面

来自分类Dev

使用 JQuery 过度刷新页面

来自分类Dev

如何使用w / Lunr.js在Jekyll中打开包含搜索结果的新页面?

来自分类Dev

使用预先选择的选项链接打开新页面(下拉)

来自分类Dev

使用表单上的Ajax更新页面-嵌套路由

来自分类Dev

使用Django,Ajax,jQuery提交表单而不刷新页面?

来自分类Dev

使用Jquery,Ajax提交表单而不刷新页面时无法读取数据库

来自分类Dev

使用数据库查找插入表单值而无需刷新页面

来自分类Dev

如何在不刷新页面的情况下对表单使用验证?

来自分类Dev

YII2如何使用pjax提交表单而不刷新页面

来自分类Dev

AJAX JSON 加载的表单按钮刷新页面而不是再次使用 AJAX

来自分类Dev

ms access-使用子表单创建新页面选项卡,并使用数据填充子表单

来自分类Dev

我有一个需要在新页面中打开的html / javascript,但是我正在使用Wix.com

Related 相关文章

  1. 1

    使用 itextsharp 检查添加元素是否会创建新页面

  2. 2

    使用Intents Android打开新页面

  3. 3

    使用提交进行表单标记不会打开新页面/窗口

  4. 4

    使用Flask在新页面上将HTML表单数据显示为JSON

  5. 5

    jQuery innerWidth 不使用 } else { 不刷新页面

  6. 6

    使用 PHP 在新页面中使用 HTML 表单编辑填充了 MySQL 数据库的 HTML 表行

  7. 7

    如何使用 each() 迭代更新页面元素?

  8. 8

    使用react-router在SPA应用程序中刷新页面时如何打开index.html页面

  9. 9

    用PHP提交表单后,如何在新页面上显示使用HTML文件控件上传的图像?

  10. 10

    重定向到表单提交页面并在新页面中使用表单数据

  11. 11

    使用单词字典检查是否存在某个单词

  12. 12

    是否可以使用Firefox扩展程序或桌面应用程序更新页面的HTML内容?

  13. 13

    是否可以使用Firefox扩展程序或桌面应用程序更新页面的HTML内容?

  14. 14

    更改原始页面并使用一个链接打开新页面-iOS 8.3

  15. 15

    如何使用ajax函数发送表单而不刷新页面,我缺少什么?我是否必须使用rest-framework?

  16. 16

    使用AngularJS的SPA刷新页面

  17. 17

    使用AngularJS的SPA刷新页面

  18. 18

    使用 JQuery 过度刷新页面

  19. 19

    如何使用w / Lunr.js在Jekyll中打开包含搜索结果的新页面?

  20. 20

    使用预先选择的选项链接打开新页面(下拉)

  21. 21

    使用表单上的Ajax更新页面-嵌套路由

  22. 22

    使用Django,Ajax,jQuery提交表单而不刷新页面?

  23. 23

    使用Jquery,Ajax提交表单而不刷新页面时无法读取数据库

  24. 24

    使用数据库查找插入表单值而无需刷新页面

  25. 25

    如何在不刷新页面的情况下对表单使用验证?

  26. 26

    YII2如何使用pjax提交表单而不刷新页面

  27. 27

    AJAX JSON 加载的表单按钮刷新页面而不是再次使用 AJAX

  28. 28

    ms access-使用子表单创建新页面选项卡,并使用数据填充子表单

  29. 29

    我有一个需要在新页面中打开的html / javascript,但是我正在使用Wix.com

热门标签

归档