首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >PHP If语句html选项值%0

PHP If语句html选项值%0
EN

Stack Overflow用户
提问于 2019-03-07 23:31:24
回答 3查看 464关注 0票数 0

所以我在我的网站上有一个按钮,可以让人们将游戏类别添加到个人资料中,我不知道用户能够点击添加到个人资料,除非在下拉列表中选择了什么。我已经尝试了一些东西,但我看到了我想要的结果,这是表单代码块:

代码语言:javascript
运行
复制
<div class="form-group">
        <label for="" class="col-md-3 control-label">Game Categories *</label>
        <div class="col-md-9">
            <select name="game_categories_id" id="game_categories_id" class="form-control">
                <option value="0">Select One...</option>
                <?php foreach ($game_categories as $game_category): ?>
                    <option value="<?php echo $game_category->ID; ?>">
                        <?php echo $game_category->name; ?>
                    </option>
                <?php endforeach; ?>
            </select>
        </div>
    </div>

在my submit区域,我有以下内容:

代码语言:javascript
运行
复制
<div class="modal-footer">
   <?php if (!empty($_POST['game_categories_id']) && ($_POST['game_categories_id'] == 0))  { ?>
       <button type="button" class="btn btn-primary" id="save_game_categories_id" ?>">Add Game</button>
   <?php } elseif (!empty($_POST['credit_reporting_org_id']) && ($_POST['credit_reporting_org_id'] != 0)) { ?>
       <button type="button" class="btn btn-primary" disabled id="save_game_categories_id" ?>">Add Game</button>
<?php } ?>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

我想要发生的是,添加游戏按钮是不可点击的,直到他们在下拉列表中选择了一些东西,但现在除了关闭按钮之外什么都没有显示。

另外,我在一个js文件中有这个文件,用于添加游戏类别:

代码语言:javascript
运行
复制
// Save game categories
$('#modal').on('click', '#save_game_categories_id', function() {
    var errors = 0;
    var $form = $('#add_game_categories_form');

    // Make sure game fields are filled
    $.each([$('#game_categories_id'), $('#game_type_id')], function(i, $input) {
        if ($input.val() == '' || $input.val() == 0) {
            $input.parents('.form-group').addClass('has-error');
            errors++;
        } else {
            $input.parents('.form-group').removeClass('has-error');
        }
    });

    if (errors > 0) return false; // Don't proceed if there are errors

    $.post('/game/approved_game/' + game_topic_id, $form.serialize(), function(
        data
    ) {
        if (data.success == true) {
            refresh_approved_game();
            $('#modal').modal('hide');
        } else {
            $form.find('.alert').show();
        }
    });
});

所以我已经有了js,我知道我可以添加游戏,但我只是想能够禁用提交按钮,如果他们不能选择下拉列表中的任何内容

EN

回答 3

Stack Overflow用户

发布于 2019-03-07 23:39:38

你可能想要用一些Javascript来完成这件事。您可以像这样使用Jquery:

代码语言:javascript
运行
复制
$('#game_categories_id').on('change', function(){
  var noAnswer = ($(this).val() == 0);
  $('#save_game_categories_id').attr('disabled', noAnswer);
});

如果您需要使用Vanilla JS,我也可以在其中添加一个解决方案。

票数 1
EN

Stack Overflow用户

发布于 2019-03-08 00:54:20

这一点:

代码语言:javascript
运行
复制
<?php if (!empty($_POST['game_categories_id']) && ($_POST['game_categories_id'] == 0))  { ?>

应该是:

代码语言:javascript
运行
复制
<?php if (!empty($_POST['game_categories_id']) && ($_POST['game_categories_id'] != 0))  { ?>

以便用户在选择某物时添加游戏。

票数 0
EN

Stack Overflow用户

发布于 2019-03-07 23:38:31

据我所知,下面是示例代码:

代码语言:javascript
运行
复制
<button type="button" class="btn btn-primary" <?php if(userSelectedCategory == ''){ echo'disabled';} ?> id="save_game_categories_id" ?>">Add Game</button>

这将禁用你的按钮,如果没有选择任何类别,否则删除禁用属性,这意味着添加游戏按钮是启用的

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55047448

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档