javascript - 从选择框中使用 JS 更改 href 值

标签 javascript html

我有一个从我的数据库中获取数据的选择框。 我想要做的是在我的选择框旁边添加编辑和删除按钮,它们将对当前选定的选项执行相应的操作。

所以我添加了两个按钮,它们指向执行所有这些工作的 php 脚本。 我的问题是 JavaScript,我需要更新按钮的元素。

但是我的 JS 函数不起作用。 它似乎甚至没有被解雇。

http://jsfiddle.net/y5g42/33/

HTML:

<select name='selectHotel' onChange='updateButtons(this.options[this.selectedIndex].text)'>
    <option value="volvo.php">Volvo</option>
    <option value="saab.php">Saab</option>
    <option value="mercedes.php">Mercedes</option>
    <option value="audi.php">Audi</option>
</select>
<a href='' id='editButton'><button>Edit</button></a>
<a href='' id='deleteButton'><button>Delete</button></a>

JavaScript:

function updateButtons(var) {
    element = document.getElementById('editButton');
    element.href = var;
}​

最佳答案

您不能使用 var 作为变量名 - var 是 javascripts 保留字。

关于javascript - 从选择框中使用 JS 更改 href 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10383834/

相关文章:

javascript - 编辑后删除 CKEditor 实例

css - Bootstrap 4.0 自定义汉堡图标

javascript - 使用 jquery 选择 div 不起作用

javascript - 将数据保存到本地存储

javascript - 向父 anchor 发送点击事件

html - 从 xmlhttp 抓取数据

javascript - 是否具有属性 aria-hidden 和 css 可见性 :hidden get read by screen readers? 的元素

html - 哪种 HTML5 形式的 javascript polyfill 具有最广泛的功能和浏览器覆盖范围?

javascript - HTML 表单文本转语音说出文件名和 PHP、 double 表单

javascript - Matter.js — 如何获取图像的尺寸来设置主体大小?