Javascript 基于按钮重置选择选项
如果我单击其他不触发select div的单选按钮,我想重置我的select选项 这是我的样本:Javascript 基于按钮重置选择选项,javascript,jquery,html,Javascript,Jquery,Html,如果我单击其他不触发select div的单选按钮,我想重置我的select选项 这是我的样本: $(文档).ready(函数(){ $(':radio')。在('change',function()上{ var title=$(this).val();//获取单选值 if($(this.attr('id')=='theme2'){ $('.occ_select')。addClass('l')。removeClass('off'); }else{/…否则收音机的状态为关闭 $('.occ_se
$(文档).ready(函数(){
$(':radio')。在('change',function()上{
var title=$(this).val();//获取单选值
if($(this.attr('id')=='theme2'){
$('.occ_select')。addClass('l')。removeClass('off');
}else{/…否则收音机的状态为关闭
$('.occ_select')。removeClass('l')。addClass('off');
}
});
});代码>
奉献精神
其他
--选择一个--
奥瑟尔
其他1
其他2
$(文档).ready(函数(){
$(':radio')。在('change',function()上{
var title=$(this).val();//获取单选值
if($(this.attr('id')=='theme2'){
$('.occ_select')。addClass('l')。removeClass('off');
}else{/…否则收音机的状态为关闭
$('.occ_select')。removeClass('l')。addClass('off');
}
$(“#occa_slct option”).eq(0).prop(“selected”,title==“dedi”)//当title的值为dedi时,设置为第一个选项
$(“#occa_slct”).prop(“disabled”,title==“dedi”)//当title的值为dedi时禁用选择
});
});代码>
奉献精神
其他
--选择一个--
奥瑟尔
其他1
其他2
$(文档).ready(函数(){
$(':radio')。在('change',function()上{
var title=$(this).val();//获取单选值
if($(this.attr('id')=='theme2'){
$('.occ_select')。addClass('l')。removeClass('off');
}else{/…否则收音机的状态为关闭
$('.occ_select')。removeClass('l')。addClass('off');
}
$(“#occa_slct option”).eq(0).prop(“selected”,title==“dedi”)//当title的值为dedi时,设置为第一个选项
$(“#occa_slct”).prop(“disabled”,title==“dedi”)//当title的值为dedi时禁用选择
});
});代码>
奉献精神
其他
--选择一个--
奥瑟尔
其他1
其他2
要实现这一点,您可以使用val(“”)
将select的值重置为默认值。我还建议您禁用选择
,除非选择了适当的无线电输入,以便用户知道需要一个选项。试试这个:
$(文档).ready(函数(){
$(':radio')。在('change',function()上{
var title=$(this.val();
if(this.id=='theme2'){
$('.occ_select')。addClass('l')。removeClass('off');
$('occa'u slct').prop('disabled',false);
}否则{
$('.occ_select')。removeClass('l')。addClass('off');
$('#occa_slct').prop('disabled',true).val('')//在此处重置值
}
});
});代码>
奉献精神
其他
--选择一个--
奥瑟尔
其他1
其他2
要实现这一点,您可以使用val(“”)
将select的值重置为默认值。我还建议您禁用选择
,除非选择了适当的无线电输入,以便用户知道需要一个选项。试试这个:
$(文档).ready(函数(){
$(':radio')。在('change',function()上{
var title=$(this.val();
if(this.id=='theme2'){
$('.occ_select')。addClass('l')。removeClass('off');
$('occa'u slct').prop('disabled',false);
}否则{
$('.occ_select')。removeClass('l')。addClass('off');
$('#occa_slct').prop('disabled',true).val('')//在此处重置值
}
});
});代码>
奉献精神
其他
--选择一个--
奥瑟尔
其他1
其他2
试试这个。这会奏效的
$('occasion').prop('selectedIndex',0);
希望这有帮助 试试这个。这会奏效的
$('occasion').prop('selectedIndex',0);
希望这有帮助 试试这个:
<br> <input type="radio" id="theme1" name="cake_theme" value="dedi" /> Dedication
<br> <input type="radio" id="theme2" name="cake_theme" value="occ" /> Others
<div id="occassion" class="occ_select off">
<select name="occassion_select" id="occa_slct">
<option disabled selected value="0">-- Select one --</option>
<option value="otheerrr"> otheerrr </option>
<option value="other1"> other1 </option>
<option value="other2"> other2 </option>
</select>
</div>
试试这个:
<br> <input type="radio" id="theme1" name="cake_theme" value="dedi" /> Dedication
<br> <input type="radio" id="theme2" name="cake_theme" value="occ" /> Others
<div id="occassion" class="occ_select off">
<select name="occassion_select" id="occa_slct">
<option disabled selected value="0">-- Select one --</option>
<option value="otheerrr"> otheerrr </option>
<option value="other1"> other1 </option>
<option value="other2"> other2 </option>
</select>
</div>
谢谢,这很快,正好它也在另一个按钮中重置。谢谢,这很快,正好它也在另一个按钮中重置。这将选择其他RRR
作为值,而不是--选择一个--
这将选择其他RRR
作为值,而不是--选择一个--