javascript - 想要在最后选择的选项上显示 div

Question

我有一个带有特定 id 的下拉列表，还有一个带有特定 id 的 div，我需要的是在选择该下拉列表的最后一个选项或该选项的选定值为“custom-size”时显示该 div "，我正在尝试以这种方式进行操作，但它不起作用。

jQuery(document).ready(function($){$('#pa_size-stitch').change(function(){
    $('#pa_size-stitch').find("option:selected").each(function(){
        if($('#pa_size-stitch').attr("value")!=="custom-size"){


 $("#tm-extra-product-options").hide();
        }

        else{
            $("#tm-extra-product-options").show();
        }
    });
}).change();}); 

它不起作用，有什么建议吗？

Answer 1

你可以试试这个:

jQuery(document).ready(function($) {
    $('#pa_size-stitch').change(function(evt) {
        if( $(this).val() == "custom-size" ){
            $("#tm-extra-product-options").show();
        } else {
            $("#tm-extra-product-options").hide();
        }
    });
});