javascript - 开关未触发

Question

我有五个图像。当我单击一个时，我希望打开一个警报框。现在只是为了测试。它不会触发任何东西。有什么建议为什么不呢？谢谢你。

$(document).ready(function() {
$("input:image").click(function(evt) {
evt.preventDefault();
setSearch( $(this).val() );})
})


function setSearch()
{
    switch(this){
        case "Place":
            alert("Case is Place"); 
            break;
        case "Cuisine":
            alert("Case is Cuisine");
            break;
        case "City":
            alert("Case is City");
            break;
        case "State":
            alert("Case is State");
            break;
        case "ZipCode":
            alert("Case is ZipCode");   
            break;  
        }
}

在图像上

 <td width="192"><div align="center"> <input name="Place" type = "image" id="Place" value = "Place" src="../Glass-Place.jpg" alt="Place"

Answer 1

我猜这是因为n没有在click处理程序中定义。

请尝试以下操作：

$("input:image").click(function(e) {
    setSearch(this.value);
    e.preventDefault();
});

Answer 2

这行得通。

$(document).ready(function() {
$("input:image").click(function(e) {
var n = setSearch(this.value);
e.preventDefault();
});})

和这个....

function setSearch(n)
{
    switch(n){
        case "Place":
            alert("Case is Place"); 
            break;
        case "Cuisine":
            alert("Case is Cuisine");
            break;
        case "City":
            alert("Case is City");
            break;
        case "State":
            alert("Case is State");
            break;
        case "ZipCode":
            alert("Case is ZipCode");   
            break;  
        }
}