根据从数据库中检索的单选按钮的值触发函数

时间:2014-08-20 10:59:51

标签: php jquery ajax

此功能用于编辑表单,因此单选按钮使用存储在数据库中的值进行初始化。单击单选按钮后,必须调用2个不同的功能。该函数基本上做的是,它填充下拉列表。 例如:如果选择了第一个单选按钮,则下拉列表必须仅填充gents项目。

HTML CODE

<td>Catalogue Type</td>
<td>
   <input type="radio" name="catalogue_type" id="catalogue_type" class="catalogue_type" <?php if($val['gents_ladies']=="Gents"){echo "checked";} ?> value="Gents" onclick="getCategoriesGents()"/>GENTS
   <input type="radio" name="catalogue_type" id="catalogue_type" class="catalogue_type" <?php if($val['gents_ladies']=="Ladies"){echo "checked";} ?> value="Ladies" onclick="getCategoriesLadies()"/>LADIES
</td>

SCRIPT

<script type="text/javascript">
      function getCategoriesGents(){
            var request = $.ajax({
                url: "../controller/sale.php",
                type: "POST",
                data: {action:'get_gents_categories'},  
                dataType: "html"
            });
            request.done(function(msg){ 
                $('#category_details').html(msg);
            }); 
            request.fail(function(jqXHR, textStatus) {
                alert( "Request failed: " + textStatus );
                return false;
            });
        }
        function getCategoriesLadies(){
                var request = $.ajax({
                    url: "../controller/sale.php",
                    type: "POST",
                    data: {action:'get_ladies_categories'},  
                    dataType: "html"
                });
                request.done(function(msg){
                    $('#category_details').html(msg);
                }); 
                request.fail(function(jqXHR, textStatus) {
                    alert( "Request failed: " + textStatus );
                    return false;
                });
        }
</script> 

如果我将$(document).ready(function() {放在脚本的顶部,这不起作用。所以我已经把它拿出来了。

当我点击/关注下拉列表时,这完全有效。但我想要的是当页面加载自己的PHP /数据库值时,我需要启动函数并填充下拉列表。任何建议都会非常感激......

1 个答案:

答案 0 :(得分:0)

这样的事情:

function getCategoriesGents(){
...
}
function getCategoriesLadies(){
...
}

$(document).ready(function() { 
    if(databaseVal == gents){
        getCategoriesGents()
    } else {
        getCategoriesLadies()
    }
});

根据db值的大小,基本上触发函数onload。