Javascript 单击不同ID的链接集值

所以我在这里和谷歌上搜索了很多，但似乎找不到解决方案

单击链接后，我需要清空具有特定ID的隐藏输入字段的值

var x=document.getElementById（'tijdelijke_datum'）；
document.getElementById（“关闭弹出窗口”）.onclick=verwijderdatum；
函数verwijderdatum（）{
x、 value=“”；
}

---

更改javascript代码，如下所示：

var x = document.getElementById('tijdelijke_datum');

document.getElementById("close-popup").addEventListener('click', () => {
    event.preventDefault(); // To stop href to navigate, we are using this line
    verwijderdatum();
});

function verwijderdatum() {
    x.value = "";
}

将

更改为

删除此行：

---

document.getElementById（“关闭弹出窗口”）.onclick=verwijderdatum
它的工作原理。您的问题是，由于您使用的是锚定标记，页面将导航到新的URL。尝试改用
按钮
或将
href
设置为
“#”


var x=document.getElementById（'tijdelijke_datum'）；
document.getElementById（“关闭弹出窗口”）.onclick=verwijderdatum；
document.getElementById（“close-popup2”）.addEventListener（“click”，verwijderdatum）；
函数verwijderdatum（）{
log（document.getElementById（'tijdelijke_datum'）.value）；
x、 value=“”；
log（document.getElementById（'tijdelijke_datum'）.value）；
}



使用Jquery重置输入字段

使用以下代码：

<script>

  $("#close-popup").click(function(){
    $("#tijdelijke_datum").val("")
  })
</script>


$（“#关闭弹出窗口”）。单击（函数（）{
$（“#tijdelijke_数据”）.val（“”）
})

在项目中还包括jquery CDN文件

<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>



您的最终代码如下所示：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<div class="container text-center">
<a href="websitelink" id="close-popup">Button value</a>
<input type="hidden" id="tijdelijke_datum" value="{$profile.x}" />
</div>


<script>
  $("#close-popup").click(function(){
    $("#tijdelijke_datum").val("")
  })
</script>


$（“#关闭弹出窗口”）。单击（函数（）{
$（“#tijdelijke_数据”）.val（“”）
})
这是否回答了您的问题？为什么
关闭弹出窗口
有
href=“websitelink”
？另外，您是否忘记添加相关标签？这看起来像是在使用某种模板库：
value=“{$profile.x}”
@Kiksen很遗憾没有，但谢谢@connexo我只是在那里输入了，而不是我使用的链接：-）该值为itI分配了一个smarty值。我不介意也得到一个jquery解决方案，至少我可以从中学习：-）虽然在这种情况下，我确实只需要js，以保持它的整洁。谢谢