Question

好吧，所以当谈到jQuery时，我是一个完整的菜鸟，但是如果我能找到时间的话，这是我想在明年左右改变的东西!!

下拉选项

我有以下内容

<select id="shipping_method_id" name="shipping_method_id">
    <option value="6">North Island - New Zealand</option>
    <option value="7">South Island - New Zealand</option>
    <option value="8">Australia</option>
</select>

我想要的是当有人从列表中选择澳大利亚时，我希望它显示div。

当有人从列表中选择一个选项时，该页面会重新加载并更新运费。

这可能真的很简单，但我无法让它工作，我已经尝试了这个http://jsfiddle.net/JSyLV/910/但是它不起作用：（

Answer 1

您需要添加一个事件监听器来调用此代码：

$("#shipping_method_id").change(function(){
   if($(this).val() == '8'){
       $("#hide_my_ass").slideDown();
   }    
});

http://jsfiddle.net/JSyLV/913/

Answer 2

您需要使用jQuery .change事件。

jQuery('#shipping_method_id').change(function(){           
    if(jQuery(this).val() === '8'  ){
        jQuery("#hide_my_ass").slideDown();
    }
});

http://jsfiddle.net/JSyLV/920/

修改

jQuery('#shipping_method_id').change(function(){ window.location = window.location + '?postPrice=' + jQuery(this).val(); });

然后在PHP中，您可以访问get变量$ _GET ['postPrice']，然后您可以将其作为价格输出。 http://jsfiddle.net/JSyLV/931/

Answer 3

试试这个

$('#shipping_method_id').change(function(){  //call the change function 
if($(this).val()==8){   //check if selected val is 8 (australia)
   $('#hide_my_ass').show();   //if yes show
}else{
   $('#hide_my_ass').hide();  //else hide
}
});

http://jsfiddle.net/JSyLV/928/

在选项上选择show div

3 个答案: