a标签获取input值
时间: 2023-09-23 09:12:04 浏览: 83
js获取input标签的输入值实现代码
a标签无法获取input值,但是可以通过JavaScript代码获取input元素的值,然后将其赋值给a标签的href属性或者通过事件绑定实现跳转。例如:
```html
<input type="text" id="input-text" />
<a href="#" id="link">点击跳转</a>
<script>
const inputText = document.getElementById("input-text");
const link = document.getElementById("link");
link.addEventListener("click", function(event) {
event.preventDefault(); // 防止默认跳转行为
const inputValue = inputText.value;
window.location.href = "https://www.example.com/search?q=" + inputValue; // 跳转到搜索结果页
});
</script>
```
这段代码实现了当用户点击链接时获取input元素的值,并跳转到搜索结果页,搜索关键词为input元素的值。
阅读全文