javascript - 如何从文本框中获取文本并在 WordPress 页面中使用 JavaScript 对其进行处理?

标签 javascript html wordpress

<分区>

我正在尝试在 WordPress 中制作一个包含文本框和按钮的页面。通过单击按钮获取在文本框中输入的文本(我不想保存该文本)并将该文本输入到特定站点地址。

我不知道该怎么做,请帮助我。

最佳答案

只需使用适当的 onclick 创建 HTML

<input type="text" id="mytext">
<input type="button" value="Click Me" onclick="window.location.href = 'http://newtracking.post.ir/?id=' + document.getElementById('mytext').value;">

编辑

这是您可以应用 URL 参数的方法,其中参数的名称是 id。当然,如果您愿意,可以假设 mytext 是 id。

var url = window.location.href;
if (url.indexOf("?") > 0) {
    var params = url.substring(url.indexOf("?") + 1).split("&");
    for (let param of params) {
        let key = param.substring(0, param.indexOf("="));
        let value = param.substring(param.indexOf("=") + 1);
        let element = document.getElementById(key);
        if (element) element.value = value;
    }
}

关于javascript - 如何从文本框中获取文本并在 WordPress 页面中使用 JavaScript 对其进行处理?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57737236/

相关文章:

javascript - 通过传递特定行的列名来查找 html 表格单元格的值

php - 无法使用 LIKE 从 Wordpress 数据库获取结果

php - 在自制的 wordpress 剧透插件中启用/激活简码

javascript - 如何调用 lodash/fp get 并使用默认值?

javascript - React项目简单导入不起作用

javascript - azure-graph 产生 Request_BadRequest : Invalid domain name in the request url

javascript - 客户端上传前调整图片大小,IE9 上无 Flash

javascript - Div 调整大小在 Internet Explorer 上不起作用

html - Flexbox:缩小图像以适合

javascript - 将 HTML 网络应用程序添加到 WordPress