0

以下のような複数選択 HTML フィールドでユーザーが選択できるオプションの数を制限する方法はありますか?

<select multiple id="color" name="color" size=5>
<option>- Choose one -</option>
<option value="blu">Blue</option>
<option value="yel">Yellow</option>
<option value="bla">Black</option>
<option value="ora">Orange</option>
</select>

ユーザーに 4 つのオプションからちょうど 2 つを選択するよう「強制」したいとします。どうすればいいですか？

4

3 に答える 3

1

これは、jQuery を使用して簡単に実現できます。

// Your jQuery which will limit the max selected to 2
$( document ).ready(function() {
    $(".color option").click(function(e){
        if ($(this).parent().val().length > 2) {
            $(this).removeAttr("selected");
        }
    });
});

<!-- Your HTML //-->
<select multiple id="color" name="color[]" class="color" size="5">
    <option>- Choose one -</option>
    <option value="blu">Blue</option>
    <option value="yel">Yellow</option>
    <option value="bla">Black</option>
    <option value="ora">Orange</option>
</select>
于 2014-04-30T16:14:25.643 に答える