1

次の検索フォームがあります。
各フィールドはチェックボックスであるため、各グループは複数選択可能です

<form action="search">

    <fieldset id="type">
        <legend>Offer type:</legend>
        <input type="checkbox" name="full" id="checkbox-01" /> <label for="checkbox-01">Full Time</label>
        <input type="checkbox" name="part" id="checkbox-02" /> <label for="checkbox-02">Part time</label>
        <input type="checkbox" name="internship" id="checkbox-03" /> <label for="checkbox-03">Internship</label>
        <input type="checkbox" name="other" id="checkbox-04" /> <label for="checkbox-04">Other</label>

    </fieldset>

    <fieldset id="jobs">
        <legend>Jobs:</legend>
        <input type="checkbox" name="plumber" id="checkbox-1" /> <label for="checkbox-1">Plumber</label>
        <input type="checkbox" name="baker" id="checkbox-2" /> <label for="checkbox-2">Baker</label>
        <input type="checkbox" name="tester" id="checkbox-3" /> <label for="checkbox-3">Tester</label>
        <input type="checkbox" name="engineer" id="checkbox-4" /> <label for="checkbox-4">Engineer</label>

    </fieldset>

    <input type="submit" value="Search" />
</form>

しかし、持つ代わりに

http://...../search?full=on&other=on&tester=on&engineer=on

URL クエリ文字列として

私はを頂きたい：

http://...../search?type=full+other&jobs=tester+engineer

これは、サーバー側で解析するのに読みやすく便利です

もちろん、チェックボックスに同じ名前属性を設定することはできません。できるトリックはありますか、それとも唯一の解決策は、ボタンのクリック時に JavaScript を実行することですか?

どうも

4

2 に答える 2

3

次のトリックを使用しました。

<input type="checkbox" name="cat[]" />
于 2012-10-21T09:25:54.000 に答える
2

onSubmit（）メソッドを使用してフォームのプロパティを解析してから、ドキュメント上の場所を変更できます。

しかし、可能であれば、美的問題である場合は、postsubmitタイプを使用してgetではなくクエリ文字列を非表示にすることを検討してください。

于 2012-06-28T14:41:51.190 に答える