Question

我有2个选择元素

producttype和voip_type

<script type="text/javascript">
$(document).ready(function(){
    $("#producttype").hide();
});
$('#voip_type').on('change',function(){
    if( $(this).val()==="no"){
        $("#producttype").show()
    }
    if( $(this).val()==="storage"){

    }
    else
    {
        $("#producttype").hide()
    }
});
</script>

如果producttype（此作品）

，我想展示voip_type === 'no'

如果producttype

，我想在voip_type === 'storage'上选择某个选项

否则只显示producttype并选择某个选项

我不确定要在if( $(this).val()==="storage"){

的javascript中添加什么内容

这里也是HTML的小提琴：http://jsfiddle.net/nBDfX/

Answer 1

这样的东西？

$(document).ready(function(){
    $("#producttype").hide();
});
$('#voip_type').on('change',function(){
    var val = $(this).val();
    if( val ==="no"){
        $("#producttype").show()
    }
    else if( val ==="extension")
    {
        $("#producttype").val("Offsite Backup").show()
    }
    else {
        $("#producttype").val("PC Maintenance").show()
    }
});

JsFiddle - Click here

Answer 2

我不确定你是否在询问，但如果你想在$（＆＃39; #producttype＆＃39;）上选择任何选项，请执行以下操作：

$('#producttype').val('Broadband');

javascript根据之前选择的选项在不同的选择框中选择选项

2 个答案: