Javascript 通过onchange启用禁用的选择选项?
我对jquery/javscript非常陌生,我的代码有问题 我有两个选择。默认情况下,第一个选项处于启用状态,而第二个选项处于禁用状态 我正试图使它这样,当第一个选择选项被更改时,第二个选择选项将被启用 CSSJavascript 通过onchange启用禁用的选择选项?,javascript,jquery,Javascript,Jquery,我对jquery/javscript非常陌生,我的代码有问题 我有两个选择。默认情况下,第一个选项处于启用状态,而第二个选项处于禁用状态 我正试图使它这样,当第一个选择选项被更改时,第二个选择选项将被启用 CSS <label class="movie">Movie:</label> <br> <select name="movie" id="whichMovie" onchange="changeMovie()"> <option
<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非常完美..感谢你纠正方法这对我的问题的两个方面都很有效,谢谢:)随时。。快乐编码…)