如何选择选择下拉列表时禁用文本字段

时间:2014-03-29 20:41:12

标签: javascript jquery html css

我在互联网上搜索了一段时间,但无法找到我想要的东西。

如果选择带值(而不是emtpy)的选择下拉菜单,如何禁用文本字段?

也可以切换它。如果在选择下拉列表中未选择任何选项(无值),则用户可以键入文本字段

我找到了类似的代码,但在这里它会检查值是否等于" / \ Custom \ b / gi"我想要检查是否选择了某些内容?

$('#Select_Font, #Enter_Text').attr('disabled', 'disabled');
$('.dropdownstyle').change(function () {

    var present = $(this).val().match(/\Custom\b/gi) == null ? true : false;
        if(present){
            $('#Select_Font, #Enter_Text').attr('disabled', 'disabled');
        }
        else{
            $('#Select_Font, #Enter_Text').removeAttr('disabled');
        }
});

来源:How to enable or disable drop-down or text-box on selection other drop-down?

这可能吗?提前致谢。

编辑:

HTML

<div class='row'>
    <div class="large-6 columns">
        <label for="group">Group

            <select name="selectGroup" id="selectGroup">
                <option value="">Choose a group</option>

                <?php
                while ($row = $result->fetch_assoc()) {
                    echo '<option value="' . $row['group'] . '">' . $row['group'] . '</option>';
                }
                ?>

            </select>
        </label>
    </div>

    <div class="large-6 columns">
        <label for="group">Or make a new group
            <input type="text" name="makeGroup" id="makeGroup"/>
        </label>
    </div>
</div>

1 个答案:

答案 0 :(得分:1)

$('#selectGroup').change(function () {
    $('#Select_Font, #Enter_Text').prop('disabled', this.value.length);
});

FIDDLE