1

送信した時点でURLwww.domain.com/search/?maxprice=10000000に移動するフォームがありますが、wwwなどのカスタムURLに移動する必要があります。 domain.com/search/maxprice_10000000/

フォームがデフォルトのアクションを実行するのを停止することでカスタムURLを許可することを目的としたこのJavaScriptコードを見つけましたが、これevent.preventDefault()は最初から機能していないか、読み込まれていません

これが私のコードです：

    <script type="text/javascript">
    $(document).ready(function() {
    $("#propertysearch").submit(function(event) {
        event.preventDefault();

        window.location.href = "/"; //whatever i want but the problem is this doesnt seem to execute
    });
});
</script>
    <form id="propertysearch" action="/search" method="GET">

<p>
        <select id="maxprice" name="maxprice" style="width:47%;">
            <option value="10000000">Max Price...</option>
                <option disabled="disabled" value="10000000">- - - - - - - - - - - - - - - - - - - - - - -</option>
                <br />

<option value="100000">?100,000</option>
<option value="150000">?150,000</option>
<option value="200000">?200,000</option>
<option value="250000">?250,000</option>

        </select></p>

        <p><a href="javascript:document.forms['propertysearch'].submit();" title="Find a Property">Find a Property Now</a> &gt;</p>
        </form>

どんな助けでもいただければ幸いです！

更新私は今、<input type="submit" value="Submit">代わりにを使用して動作するコードを持っています<a href="javascript:document.forms['propertysearch'].submit();" title="Find a Property">Find a Property Now</a>

どうすればこれを変更して機能<a></a>させることができますか

ご協力いただきありがとうございます

4

2 に答える 2

2

この例のコードはjQueryを使用しています。jQueryを含めるか、次のようなjQuery以外のソリューションを使用します。

document.getElementById('propertytype').addEventListener('submit', function (event) {
    event.preventDefault();

    window.location.href = "/"; //whatever you want
});

上記はクロスブラウザ互換ではないことに注意してください。も使用する必要がありますattachEvent。

を使用する<a>には、クリックイベントにバインドします。

$("#propertysearch a").on('click', function (e) {
    event.preventDefault();

    //submission code
});

//pre jQuery 1.7
$("#propertysearch a").bind('click', function (e) {
于 2013-02-05T02:32:55.153 に答える
0

コードを削除: href="javascript:document.forms['propertysearch'].submit();" コードから、次のようになります。<p><a href='#' title="Find a Property">Find a Property Now</a></p>

于 2013-02-05T02:51:19.047 に答える