jquery undisable list onselect

Question

我有一个选项列表，取决于第一个选项中选择的内容。如何才能使它们在选择位置后第二个选项只显示可用于该位置的选项？

现在我有一堆

<option class=2 DISABLED>Blah</option>

jQuery代码

$(document).ready(function() {
  $('#location').change(function() {
    $(.$(this).val()).removeAttr('disabled');
  });
});

location选项的值是=到第二个类。但它似乎不起作用？

Answer 1

选择器需要在引号中。

$('.' + $(this).val()).removeAttr('disabled');

Answer 2

为了理智，我会在选择器周围改变：

$(document).ready(function() {
  $('#location').change(function() {
    var curLoc = $(this).val();
    $('.' + curLoc).removeAttr('disabled');
  });
}); 

编辑 - 每个Jon Cram <option disabled>在非xhtml文档类型中是可接受的。