Javascript 通过onchange启用禁用的选择选项?

Javascript 通过onchange启用禁用的选择选项?,javascript,jquery,Javascript,Jquery,我对jquery/javscript非常陌生,我的代码有问题 我有两个选择。默认情况下,第一个选项处于启用状态,而第二个选项处于禁用状态 我正试图使它这样,当第一个选择选项被更改时,第二个选择选项将被启用 CSS <label class="movie">Movie:</label> <br> <select name="movie" id="whichMovie" onchange="changeMovie()"> <option

我对jquery/javscript非常陌生,我的代码有问题

我有两个选择。默认情况下,第一个选项处于启用状态,而第二个选项处于禁用状态

我正试图使它这样,当第一个选择选项被更改时,第二个选择选项将被启用

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>
 function changeMovie() {
     $('#whichDay').removeAttr('disabled');
 });
另外,如何根据您在第一个下拉列表中选择的选项重写/设置第二个下拉列表的新选项

e、 我在电影中选择“大力神”,只有周一、周二和周三才会出现。同样,如果我选择“无畏”,它将显示不同的日期


提前谢谢

以下是一个可能的解决方案:

$('whichMovie')。在('change',function()上{
var whichdaydll=$(“#whichDay”);
whichDaydll.prop('disabled',true);
if($(this.val()!=“”)
{
whichDaydll.prop('disabled',false);
}
});

电影:

请先选择一部电影 大力神 如何训练你的龙2 无畏的 另一个女人
日期:
-- 星期一 星期二 星期三 星期四 星期五 星期六 星期日

您可以像下面这样做:

$(document).ready(function(){
  $("#whichMovie").change(function(){
   if($(this).val()!="")
   {
     $("#whichDay").removeAttr("disabled");
   }     
  });
});

您的代码是正确的
changeMovie()
中的一个小错误。这个方法是javascript方法,所以删除
}
之后的code>:

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

给你。您只需将
change
事件写入
select元素
,并根据所选的值将必要的选项附加到
whichDay
select元素,如下所示:

$(“#whichMovie”).change(函数(){
var val=$(this.val();//获取值
$(“#whichDay”).attr('disabled',false);
if(val==“AC”){//if Hercules只附加必要的选项
$(“#whichDay”).html(“周一周二周三”);
}否则如果(val==“CH”){
$(“#whichDay”).html(“周四-周五-周六”);
}否则如果(val==“AF”){
$(“#whichDay”).html(“星期日/星期日”);
}
其他的
{
$(“#whichDay”).html(“星期五星期一”);
}
});

电影:

请先选择一部电影 大力神 如何训练你的龙2 无畏的 另一个女人
日期:
--

@Pawan:那么
重写/设置新选项如何?@NorlihazmeyGhazali.我刚刚读了问题标题。@Gurupasad Rao ans非常完美..感谢你纠正方法这对我的问题的两个方面都很有效,谢谢:)随时。。快乐编码…)