html - フォーム取得 - 選択されていないものを削除

Question

私はhtmlフォームを持っています

    <form method="get" action="http://domainn.com/">
    <div class="item">
        <span>order_by</span>
        <select class="input" name="order_by">
            <option value="">DF</option>
            <option value="id">id</option>
            <option value="year">year</option>
        </select>
    </div><div class="item">
        <span>category</span>
        <select class="input" name="category">
            <option value="">DF</option>
            <option value="1">1</option>
            <option value="2">2</option>
        </select>
    </div>
    <div>
        <input type="submit" class="btn" value="Search">
    </div>
</form>

クリックすると buttu find links domain/?order_by=&category = に移動します

値のみを選択してリンクに表示したい

たとえば、order_by domain/?category=1 を選択するように切り替えないカテゴリを選択するだけで、domain/?order_by=&category=1 をリンクしない