javascript - HTML onClick 函数改变 JavaScript 源码

Question

我有下面的按钮列表

<button class="button button2">Hospital</button>
<button class="button button2">Medical</button>
<button class="button button2">Pharmacy</button>

在下面的脚本中替换我的 Javascript url (dbexport2.php) 的最佳点击功能是什么

  // Change this depending on the name of your PHP or XML file
  downloadUrl('dbexport2.php', function(data) {
    var xml = data.responseXML;

我想更改基于按钮点击的 php 文件，例如对于医院来说它希望是 "downloadUrl('hospital.php')" 对于医疗它希望是 < em>"downloadUrl('medical.php")

Answer 1

你可以使用 value 属性来做到这一点

function handleResponse(data) {
    var xml = data.responseXML;
    // .. etc
}
var buttons = document.getElementsByClassName('button');
for(var i = 0, j = buttons.length; i < j; i++) {
    var btn = buttons[i];   
    btn.addEventListener('click', function() {
        downloadUrl(this.value, handleResponse);
    });
}

<button class="button" value="hospital.php">Hospital</button>
<button class="button" value="medical.php">Medical</button>
<button class="button" value="pharmacy.php">Pharmacy</button>