Jquery 禁用下拉列表并基于单选按钮为其标签着色

Jquery 禁用下拉列表并基于单选按钮为其标签着色,jquery,forms,colors,Jquery,Forms,Colors,我有以下几点,出于某种原因,我只是不能让下拉菜单禁用或标签改变颜色。基本上,唯一有效的方法是禁用文本框 $(document).ready(function() { $('input:radio[name=Event-Location]').click(function() { var checkval = $(this).val(); $('#Reservation-Style').prop('disabled', !(checkval == 'City1')); $

我有以下几点,出于某种原因,我只是不能让下拉菜单禁用或标签改变颜色。基本上,唯一有效的方法是禁用文本框

$(document).ready(function() {
 $('input:radio[name=Event-Location]').click(function() {
    var checkval = $(this).val();
    $('#Reservation-Style').prop('disabled', !(checkval == 'City1'));
    $('label[for=Reservation-Style]').css({color:'red'}, !(checkval == 'City1'));
    $('label[for=Reservation-Style]').css({color:'black'}, !(checkval == 'City2'));
    $('#Permits-Needed').prop('disabled', !(checkval === 'City1'));  
    $('#Permits-Needed').prop('enabled', !(checkval === 'City2'));
 });

});
html看起来像:

<div id="Event-Location" class="formelement">
  <input type="radio" name="Event-Location" value="City1" />City 1 Campus<br />
  <input type="radio" name="Event-Location" value="City2" />City 2 Campus
</div>

<h3>City 2 Events Only</h3>

<label class="uni-form-text-label" for="Reservation-Style">Reservation Style:</label>
<select name="Reservation-Style" >
  <option>- Style -</option>
  <option value="Permits">Individual Permits</option>
  <option value="Cordon">Cordoned Parking Area</option>
</select>

<label for="Number-Permits-Needed">How Many Permits are needed? </label>
<input id="Number-Permits-Needed" class="text" type="text" name="Number-Permits-Needed" size="15">

城市1校区
城市2校区 仅限城市2活动 预订风格: -风格- 个人许可证 警戒停车场 需要多少许可证?
获取调用$(“#Reservation Style”)的选择菜单,该菜单将查找id为Reservation Style的元素。您提供的html在任何地方都没有该id。您的选择菜单只有一个预订风格的名称。谢谢!我整个上午都在盯着这个,我知道这会是一件愚蠢的事情。