Javascript 基于按钮重置选择选项

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

如果我单击其他不触发select div的单选按钮,我想重置我的select选项

这是我的样本:

$(文档).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
作为值,而不是
--选择一个--