如何从下拉菜单中选择并调用javascript函数

Question

我有一个下拉菜单，它有很多选项。我希望当我选择任何 选项时，它会通过JavaScript调用一个函数。

这是我使用的代码是在这里

<select name="aa" onchange="report(this.value)"> <--- this is function in .js 
<option value="daily">daily</option> 
<option value="monthly">monthly</option> 
</select> 

我想，当我选择每天则函数（每日）被调用 ，反之亦然。

function report(daily)<-- js function { 
    loadXMLDoc('script/d_report.php','responseTag'); 
    document.getElementById('responseTag').style.visibility='visible'; 
    document.getElementById('list_report').style.visibility='hidden'; 
    document.getElementById('formTag').style.visibility='hidden'; 
} 
function report(monthly) { 
    document.getElementById('responseTag').style.visibility='visible'; 
    loadXMLDoc('script/m_report.php','responseTag'); 
    document.getElementById('list_report').style.visibility='hidden'; 
    document.getElementById('formTag').style.visibility='hidden'; 
} 

Answer 1

<select name="aa" onchange="report(this.value)"> 
    <option value="">Please select</option> 
    <option value="daily">daily</option> 
    <option value="monthly">monthly</option> 
</select> 

function report(period) { 
    if (period=="") return; // please select - possibly you want something else here 

    var report = "script/"+((period == "daily")?"d":"m")+"_report.php"; 
    loadXMLDoc(report,'responseTag'); 
    document.getElementById('responseTag').style.visibility='visible'; 
    document.getElementById('list_report').style.visibility='hidden'; 
    document.getElementById('formTag').style.visibility='hidden'; 
} 

---

不显眼的版本：使用

<select id="aa" name="aa"> 
    <option value="">Please select</option> 
    <option value="daily">daily</option> 
    <option value="monthly">monthly</option> 
</select> 

window.onload=function() { 
    document.getElementById("aa").onchange=function() { 
    var period = this.value; 
    if (period=="") return; // please select - possibly you want something else here 

    var report = "script/"+((period == "daily")?"d":"m")+"_report.php"; 
    loadXMLDoc(report,'responseTag'); 
    document.getElementById('responseTag').style.visibility='visible'; 
    document.getElementById('list_report').style.visibility='hidden'; 
    document.getElementById('formTag').style.visibility='hidden'; 
    } 
} 

---

jQuery的版本 - 与ID

$(function() { 
    $("#aa").on("change",function() { 
    var period = this.value; 
    if (period=="") return; // please select - possibly you want something else here 

    var report = "script/"+((period == "daily")?"d":"m")+"_report.php"; 
    loadXMLDoc(report,'responseTag'); 
    $('#responseTag').show(); 
    $('#list_report').hide(); 
    $('#formTag').hide(); 
    }); 
}); 

Answer 2

<script type="text/javascript"> 
function report(func) 
{ 
    func(); 
} 

function daily() 
{ 
    alert('daily'); 
} 

function monthly() 
{ 
    alert('monthly'); 
} 
</script> 

Answer 3

问候 如果我得到你的权利，你需要一个JavaScript函数，用做

function report(v) { 
//To Do 
    switch(v) { 
    case "daily": 
     //Do something 
     break; 
    case "monthly": 
     //Do somthing 
     break; 
    } 
    } 

问候