Javascript 要在最后选择的选项上显示div吗

Javascript 要在最后选择的选项上显示div吗,javascript,jquery,html,wordpress,Javascript,Jquery,Html,Wordpress,我有一个带有特定id的下拉列表,也有一个带有特定id的div,我需要的是在选择该下拉列表的最后一个选项或该选项的选定值为“自定义大小”时显示该div,我正试图这样做,但它不起作用 jQuery(document).ready(function($){$('#pa_size-stitch').change(function(){ $('#pa_size-stitch').find("option:selected").each(function(){ if($('#pa_s

我有一个带有特定id的下拉列表,也有一个带有特定id的div,我需要的是在选择该下拉列表的最后一个选项或该选项的选定值为“自定义大小”时显示该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();}); 
而且它不起作用,有什么建议吗?

试试这个:

$('#pa_size-stitch').change(function() {
    var isShown = this.value == 'custom-size' ||
                  (this.selectedIndex + 1) == this.options.length;

    $("#tm-extra-product-options").toggle(isShown);
});
请参见,您可以尝试以下方法:

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();
        }
    });
});
$(document).on('change', '#pa_size-stitch', function() {
    var selectedVal = $('#pa_size-stitch :selected').val();

    if(selectedVal == $('#pa_size-stitch option:last()').val() || selectedVal == "custom-size") $("#tm-extra-product-options").hide();

    else $("#tm-extra-product-options").show();
});
您可以尝试以下方法:

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();
        }
    });
});
$(document).on('change', '#pa_size-stitch', function() {
    var selectedVal = $('#pa_size-stitch :selected').val();

    if(selectedVal == $('#pa_size-stitch option:last()').val() || selectedVal == "custom-size") $("#tm-extra-product-options").hide();

    else $("#tm-extra-product-options").show();
});
$('pa#u size-stitch')。更改(函数(){
$('option:selected',this).text()=“custom size”| |$('option:last',this).is(“:selected”)?$(“#tm额外产品选项”).hide():$(“#tm额外产品选项”).show()
})

L
定制尺寸
L

asdad
请检查这里:良好的优化:),改进了我的编码风格谢谢,工作完美:)