php - Jquery 列表框限制要选择的特定选项

Question

我有一组列表框

在这里我想只读特定选项 即

        <select name="list" id="l1">
        <option value="1" selected="selected" >1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="test">test</option>
        <option value="test2">test2</option>
        </select>

在上面的列表框中，我想将“test”和“test2”选项限制为只读。用户不应选择这两个选项(“test”、“test2”)。 jquery中可以吗

请做需要的事情。谢谢

Answer 1

向禁用的项目添加一个类(可以选择将它们与该类一起灰显)。使用 jQuery 数据属性存储选择列表的默认值。更改时，监视是否已选择禁用选项。如果是这样，则恢复到存储的值。否则更新存储值并继续。

http://jsfiddle.net/mrtsherman/Ew5uW/

//add class to disabled items
var len = $('option[value^="test"]').addClass('disabled');

//store default selected item value
$('#l1').data('selValue', $('#l1').val());

//monitor change events
$('#l1').change(function() {
    //if a disabled option is chosen then restore prev value
    if ($(this).children('option:selected').hasClass('disabled')) {
        $(this).val($(this).data('selValue'));
    }
    //otherwise store new value 
    $(this).data('selValue', $(this).val());
});​