Javascript 要在最后选择的选项上显示div吗
我有一个带有特定id的下拉列表,也有一个带有特定id的div,我需要的是在选择该下拉列表的最后一个选项或该选项的选定值为“自定义大小”时显示该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
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
请检查这里:良好的优化:),改进了我的编码风格谢谢,工作完美:)