使用jQuery禁用多个选择框onchange

HTML：

<select class="URating" step="1"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
</select> 
<div id="result_1"></div> 


<select class="URating" step="2"> 
    <option value="Lancer">Lancer</option> 
    <option value="BMW">BMW</option> 
</select> 
<div id="result_2"></div>

的jQuery：

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".URating").change(function(){ 
    var steps = $(this).attr("step"); 
    $.post('rating/module.php', {RatingID:$(this).val(), News:"15", Step:steps}, 
     function(data){ 
     $("#result_"+steps).html(data); 
     //DISABLE THIS SELECT BOX HERE 
     }); 
    }); 
}); 
</script>

来源

2013-12-10 Alireza

禁止什么选择框，是我们应该知道你的Ajax功能的回报？ – adeneo

我认为OP就是他们刚刚选择的那个。我们不需要知道ajax函数返回什么，因为'steps'变量是在ajax调用之外定义的。 – mayabelle

@mayabelle，这是正确的 – Alireza

这应该工作：

$(document).ready(function(){ 
    $(".URating").change(function(){ 
    var steps = $(this).attr("step"); 
    $.post('rating/module.php', {RatingID:$(this).val(), News:"15", Step:steps}, 
     function(data){ 
     $("#result_"+steps).html(data); 
     $('select[step=' + steps + ']').prop('disabled', 'disabled'); 
     }); 
    }); 
});

来源

2013-12-10 17:12:01 mayabelle

非常感谢。像魅力一样工作 – Alireza

不客气！如果它对您有帮助，请点击对勾来随意接受。 :) – mayabelle

当然，我必须等4分钟多点击接受按钮。 – Alireza

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".URating").change(function(){ 
    var $select = $(this); 
    var steps = $select .attr("step"); 
    $.post('rating/module.php', {RatingID:$(this).val(), News:"15", Step:steps}, 
     function(data){ 
     $("#result_"+steps).html(data); 

     //DISABLE THIS SELECT BOX HERE 
     $select.attr('disabled','disabled'); 
     }); 
    }); 
}); 
</script>

来源

2013-12-10 17:12:50 RafH

这应该做的伎俩：

$select.prop("disabled", true)

Reference Fiddle

来源

2013-12-10 17:12:59

使用jQuery禁用多个选择框onchange

回答

相关问题