Question

感谢您的投入，我的第一次尝试。我只能让按钮工作一次，我希望它们每次都能工作，因为用户将更改搜索条件并在不同的框架中生成结果。

$(document).ready(function(){

    $("#button1").click(function(){
        $('form#myForm').attr({action: "completed.php"});
        $('form#myForm').attr({target: "righty"});
        $('form#myForm').submit();
    });

    $("#button2").click(function(){
        $('form#myForm').attr({action: "search.php"});
        $('form#myForm').attr({target: "lefty"});
        $('form#myForm').submit();
    });

    $("#button3").click(function(){
        $('form#myForm').attr({action: "amazonsearch.php"});
        $('form#myForm').attr({target: "righty"});
        $('form#myForm').submit();
    });


});

HTML：

<form id="myForm" method="post">
    <input name="Query" type="text" value="$title" size="60">
    <input type="button" id="button1" value="Completed" />
    <input type="button" id="button2" value="More Like" />
    <input type="button" id="button3" value="Amazon" />
</form>

Answer 1

您不需要使用

<form id=\"myForm\" method=\"post\"> just <form id="myForm" method="post">

适用于所有

Answer 2

我制作了一个jsfiddle demo（对目标，名称等略有调整，以便在该环境中运行）并且它适用于Firefox 3.6和Chrome。单击一个按钮，表单将提交给目标。更新查询，再次单击相同按钮，表单再次提交给同一目标。

Answer 3

尝试使用.live代替

$("#myObject").live('click', function() {

    // do things
});

如何让事件不止一次发生。

3 个答案: