0

次のコードがあります

<form method="get">
<fieldset> <!-- Set class to "column-left" or "column-right" on fieldsets to divide the form into columns -->
    <label>Datum Filter</label>
    <p>
        Vanaf
        <br>
        <select class="date1small-input" type="text" name="fd" />
            <option value="1">1</option>
            <option value="31">31</option>                                      
        </select>

        <select class="date1small-input" type="text" name="fm" />
            <option value="1">1</option>
            <option value="12">12</option>
        </select>

        </select>
            <select class="date2small-input" type="text" name="fy" />
            <option value="2012">2012</option>
            <option value="2013">2013</option>
        </select>
    </p>
    <p>
        Tot en met
        <br>
        <select class="date1small-input" type="text" name="ud" />
            <option value="1">1</option>                
            <option value="31">31</option>                                      
        </select>

        <select class="date1small-input" type="text" name="um" />
            <option value="1">1</option>
            <option value="12">12</option>
        </select>

        </select>
            <select class="date2small-input" type="text" name="uy" />
            <option value="2012">2012</option>
            <option value="2013">2013</option>
        </select>
    </p>
    <p>
        <button class="button" type="submit">Filter</button>
    </p>
</fieldset> 
</form>

正常に動作しますが、「フィルター」ボタンをクリックすると、次のような日付がブラウザーに送信されます。

URL?fd=1&fm=1&fy=2012&ud=1&um=1&uy=2012

私はこれが正常であることを知っていますが、次のようなリンクを作成させることは可能ですか:

URL?fd=1/1/2012&ud=1/1/2012
4

2 に答える 2

0

プレーンな HTML では、これは不可能です。

フォーム データを目的の形式で送信する Javascript 関数を使用できます。

もう 1 つのアプローチは、サーバー側での URL の書き換えです。

于 2013-03-17T21:29:11.767 に答える
0

フォームのonsubmitに簡単なjs関数を入れれば、好きなURLを組み立てることができます。例（を取得するにはURL?fdate=1/1/2012&udate=1/1/2012）：

function set_date(e) {
    e.fdate.value = e.fd.value + "/" + e.fm.value + "/" + e.fy.value;
    e.udate.value = e.ud.value + "/" + e.um.value + "/" + e.uy.value;
    return true;
}

<form action='...' onsubmit='return set_date(this);'>

于 2013-03-17T21:33:21.120 に答える