如何使用hide()函数隐藏下拉菜单的标签

时间:2019-03-25 05:34:46

标签: html ajax laravel

我有2个下拉列表(EmployeeType,Type)和一个文本框(Rate),我只想根据“ EmployeeType”的选定值隐藏“ Type”和“ Rate”。我做到了这一点,但对“费率”没有任何问题,但对于“类型”,仅下拉菜单不隐藏标签。有人可以帮我隐藏下拉菜单的标签吗?

<div class="control-group">
    <label class="control-label" for="Designation">Employee Type</label>
    <div class="controls">
        <select name="Designation" onchange="ajaxRate(this)" id="Designation">
            <option value="">--Select Employee Type--</option>
            <option value="Center">Center</option>
            <option value="Visiting">Visiting</option>
            <option value="Other">Other</option>
        </select>
        <span id="ajax_img3"></span>
    </div>
    <!-- designation-->
    <br/>

    <!-- 2019-03-18 Visiting Type -->
    <div class="control-group">
        <label class="control-label" for="Type">Type</label>
        <div class="controls">
            <select name="Type" id="TypeValue">
                <option value="">--Select Type--</option>
                <option value="Yes">Regular</option>
                <option value="No">Visiting</option>
            </select>
        </div>
    </div>
    <div class="control-group" id='rate'>
        <label class="control-label" for="Rate">Hourly Rate</label>
        <div class="controls">
            <input type="number" name="Rate" id='rateValue'/>
        </div>
    </div>

@include('includes.footer')
<script>
    $(document).ready(function () {
        $("#rate").hide();
        // $("#Type").hide();
    });

    function ajaxRate(x) {
        if (x.value == 'Center') {
            $("#rate").hide();
            $("#rateValue").val('0');
            $("#TypeValue").show();
        } else {
            $("#rate").show();
            $("#rateValue").val('0');
            $("#TypeValue").hide();
        }
    }

2 个答案:

答案 0 :(得分:0)

var ss = SpreadsheetApp.openById(<secret>);
var sh = ss.getSheetByName(['cfg_WorkSchedule_']);
var rng = sh.getRange([A1:AG]);
var val = rng.getValues();

}

您必须使用父母隐藏完整的div,或者您必须在主div中添加任何ID才能隐藏。

答案 1 :(得分:0)

function ajaxRate(x) {

            if(x.value=='Center')
            {
                $("#rate").hide();
                $("#rateValue").val('0');
                $("#TypeValue").closest('div.control-group').show();
            }
            else
            {
                $("#rate").show();
                $("#rateValue").val('0');
                $("#TypeValue").closest('div.control-group').hide();
            }
}