Question

我对jquery / javscript很新，我的代码也遇到了问题。

我有2个选择选项。第一个启用，而第二个默认禁用。

我试图这样做，以便在更改第一个选择选项时，将启用第二个选择选项。

CSS

<label class="movie">Movie:</label>
<br>
<select name="movie" id="whichMovie" onchange="changeMovie()">
    <option value="" disabled selected>Please select a movie first</option>
    <option value="AC">Hercule</option>
    <option value="CH">How to Train Your Dragon 2</option>
    <option value="AF">Fearless</option>
    <option value="RC">The Other Woman</option>
</select>
<!--day-->
<br><label>Day:</label>
<br>
<select name="day" value="whichDay" id="whichDay" onclick="changeDay()" disabled>
    <option value="--">--</option>
    <option value="mon">Monday</option>
    <option value="tue">Tuesday</option>
    <option value="wed">Wednesday</option>
    <option value="thur">Thursday</option>
    <option value="fri">Friday</option>
    <option value="sat">Saturday</option>
    <option value="sun">Sunday</option>
</select>
<br>

JS

 function changeMovie() {
     $('#whichDay').removeAttr('disabled');
 });

另外，如何根据您在第一个下拉列表中选择的选项重写/设置第二个下拉列表的新选项？

e.g。我选择＆＃39; hercule＆＃39;在电影中，唯一会出现的日子是周一，周二和周三。同样，如果我选择了“无所畏惧”。它将显示一组不同的日子。

提前致谢！

通过onchange启用禁用的选择选项？

0 个答案: