javascript - 在加载和隐藏字段上运行函数

Question

我希望 javascript 在加载后以及当用户选择任何其他选项时立即运行以下函数。下面的函数将根据用户的选择隐藏一些字段并显示一些字段。

如果用户应选择“现金”，则应隐藏其他字段，但如果用户应选择“礼物”，则应显示其他字段。

    function TakeOff() {

     if(document.getElementById('id_six_to').options[
         document.getElementById('id_six_to').selectedIndex].value == "cash") {
         document.getElementById('id_name').style.display = 'none';
         document.getElementById('id_address').style.display = 'none';
         document.getElementById('id_details').style.display = 'none'; 
    } else {
         document.getElementById('id_name').style.display = '';
         document.getElementById('id_address').style.display = '';
         document.getElementById('id_details').style.display = '';
    }
}

window.onload = function() {
    document.getElementById('id_six_to').onchange = TakeOff;
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
    <label class="sr-only" for="id_six_to">Mytake</label><select name="six_to" id="id_six_to" class="form-control" title="">
   <option value="cash" selected>Cash</option>

  <option value="gift">Gift</option>

  </select></div>

  <div class="form-group"><label class="sr-only" for="id_name">Name</label><select name="name" title="" required class="form-control" id="id_name">
  <option value="" selected>---------</option>

  <option value="a">a</option>

  <option value="b">b</option>

  <option value="c">c</option>

  </select></div>
<div class="form-group"><label class="sr-only" for="id_address">Address</label><input type="text" name="address" title="" id="id_address" readonly maxlength="10" placeholder="Address" class="form-control" /></div>
<div class="form-group"><label class="sr-only" for="id_details">Details</label><input type="text" name="details" title="" id="id_details" maxlength="200" placeholder="" class="form-control" /></div> 

        <input type="submit"  class="btn btn-danger repo" value="Submit" />
   </form>
</div>

问题:

默认情况下，从选项中选择“现金”，当我加载表单的 URL 时，而不是使用 JavaScript 来隐藏所有其他字段，因为默认情况下已选择“现金”，它将显示不是的字段与“现金”值(value)相关。

我想默认隐藏 3 个字段，因为已选择“现金”。

Answer 1

只需在选择值更改时触发设置事物状态的函数...

window.onload = function() {
    document.getElementById('id_six_to').onchange = TakeOff;
    TakeOff(); // add this so it runs at startup
};