0

申し訳ありません - まだ初心者です - ユーザーからの入力テキストを使用してアクション URL を動的に作成するにはどうすればよいですか?

 <form name="myInstitution"  action="" method="GET">
        <div>
            <label for="names" class="bold">Institution Name</label>
            <input id="names" name="schoolName" type="text"></input>                

        </div>

        <div class="bold"></div>

        <div>
            <input type="submit" value="Submit" id="sbutton" name="submit" />
            <input type="reset" value="Reset" />
        </div>
    </form>
4

2 に答える 2

1 
$('#myForm').submit(function ()
{
    var action = '';
    // compute action here...
    $(this).attr('action', action);
});

それがあなたを助けることを願っています..

于 2013-02-18T04:46:51.833 に答える
1

JavaScript ライブラリを使用していないようですので、この回答から純粋な JavaScript でバインド コードをコピーします。

var on = (function(){
    if ("addEventListener" in window) {
        return function(target, type, listener){
            target.addEventListener(type, listener, false);
        };
    }
    else {
        return function(object, sEvent, fpNotify){
            object.attachEvent("on" + sEvent, function(){
                fpNotify(window.event);
            });
        };
    }
}());


on(document.getElementById("sbutton"), "click", function(){
    this.action = document.getElementById( "names" ).val() + ".ext";
});

jQueryなどの JavaScript ライブラリを使用している場合は、次のようにイベント ハンドラーにバインドできます。

$( "form[name=\"myInstitution\"]" ).on( "submit", function( e ){
    var $this = $(this),
        text  = $this.find( "input#names" ).val();

    $this.prop( "action", text + ".ext" );
});
于 2013-02-18T04:49:57.923 に答える