0

我需要检查jsp页面中的按钮是否被点击。

我有 1 个 jsp 页面和 2 个 javascript 页面。第一个 JSP 页面是一个索引，它从用户那里获取输入并发送到 javascript1，然后 javascript1 查询它并在索引页面中输出，每个输出都嵌入了按钮。我想要的是，如果用户单击一个特定按钮，javascript2 将检测该特定按钮的单击并将值作为下一个搜索查询，并再次将结果显示在索引页面上。

这是我的代码：

索引.JSP

<div>Please enter search keyword</div>
<input type="text" name="valueLiteral" class="input-box"/><br>
<input type="submit" name="indexsearch" value="Search" class="input-button">

哪个javascript1将检测输入名称“indexsearch”是否被点击并取值名称“valueLiteral”来查询结果。这部分工作得很好。

这是Javascript1.js中的代码：

$(document).ready(function() {
$("#result").hide();
$("input[name='indexsearch']").click(function() {
    and so on.......
    var stmt = [];

     $.each(arrayPredicate, function(k,v){
     stmt[k] = "<span class='subject' id="+arraySubject[k]+">" + arraySubject[k] + "</span> " + " -> " + v + " : "+ "<span class='object'>" + arrayObject[k] + "</span>" + "**<input type = 'submit' class = 'searchAgain-button' name = 'searchMore' value = " + arrayObject[k] + "></input>**<br><br>";
     });
            stmt = stmt.sort();
            $.each(stmt, function(k,v){
                $("#result").append(v);
            });
        } else {
            var $noresult = "No Result : Please enter a query";
            $("#result").append($noresult);
        }
    });

如您所见，我创建了按钮并将其附加到每个搜索结果的末尾。这部分仍然有效（按钮出现并显示下一个查询的名称）。

这是代码的最后一部分：Javascript2.js：

    $(document).ready(function() {
    $("input[name='searchMore']").click(function() {

    $("#result").show();
    $("#result").empty();

    loading_img();
    var $textInput = $(this).attr("Value");

            var stmt = [];
            //concat all related array into string (create triple statement)
            $.each(arrayPredicate, function(k,v){
                stmt[k] = "<span class='subject' id="+arraySubject[k]+">" + arraySubject[k] + "</span> " + " -> " + v + " : "+ "<span class='object'>" + arrayObject[k] + "</span><input type = 'submit' class = 'searchAgain-button' name = 'searchMore' value = " + arrayObject[k] + "></input><br><br>";
            });
            stmt = stmt.sort();
            $.each(stmt, function(k,v){
                $("#result").append(v);
            });
        } else {
            var $noresult = "No Result : Please enter a query";
            $("#result").append($noresult);
        }
    });        
});

上面的代码不起作用，经过一些测试，我认为这个 JavaScript 页面无法检测到按钮名称“searchMore”。并最终使其他部分代码不起作用。

有什么建议吗？？

4

1 回答 1

0

你有没有尝试

$("input[name='searchMore']").live("click", function() { ...

?

在 http://api.jquery.com/live/

描述：为匹配当前选择器的所有元素附加一个事件处理程序，现在和将来。

于 2012-08-16T00:57:32.420 回答