javascript - 根据用户文本输入更新 url 链接并在 Wordpress 中保存更改

标签 javascript html wordpress google-plus google-hangouts

我创建了一个 WordPress 页面,总而言之,该页面允许某人发起环聊 session 。环聊 session 启动后,用户可以复制环聊 URL 并将其粘贴到输入框中,然后单击“提交”。目的是使页面上更新的链接保留下来,以便下一个打开页面的用户点击并关注同一个视频群聊。

我正在使用以下 JS 函数来更新下面列出的 html 部分。

 <script type="text/javascript">
function updatelink(){
    var userInput = document.getElementById('userInput').value;
    var lnk = document.getElementById('lnk');
    lnk.href = userInput;
    lnk.innerHTML = lnk.href;
}
</script>

这是调用该函数并更新的 html。

Connect to Hangout Here : <a href="" id=lnk>nothing here yet</a> <br>
<input type='text' id='userInput' value='Enter Hangout Link Here' />
<input type='button' onclick='updatelink()' value='Change Link'/>

这可以将页面上的链接更新为用户的输入。我遇到的问题是刷新页面时它不会保存。当我需要它保留直到再次更新时,它会重置。

如有任何帮助,我们将不胜感激。我是初学者,所以越描述越好。

谢谢。

最佳答案

<input type='text' id='userInput' name='urlhang' value='Enter Hangout Link Here' />


SESSION['urlhang'] = $_POST['urlhang'];

您可以创建该值的 session ,并且当您想要更新该值时重置 session 。

希望这个逻辑能够解决您的问题。这样您就可以在 SESSION['urlhang'] 中获取该值,直到您更新为止。

关于javascript - 根据用户文本输入更新 url 链接并在 Wordpress 中保存更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20712840/

相关文章:

javascript - 向 Angular 2 中的子组件发送搜索输入值

javascript - 如何计算 Excel 表格中数据的行数

html - 当浏览器宽度不够时,如何防止下一个div跳到底部?

php - WooCommerce 单一添加到购物车页面中的产品动态定价

css - 当我在 Wordpress 主题上滚动时覆盖导致 Logo 消失的 CSS?

css - 分区菜单的文字和图像集中?

javascript - 复选框 onchange 函数

javascript - keyup 更改未在 js 文件中触发

php - Jquery .hover 在 foreach 循环内的 li 标签中显示所有箭头字形

python - 在python中使用beautiful soup和selenium解析html