SO - 18351921

by Dale Howard

HTML

<label class="page1">MFH-Locations</label>
<div class="tooltips" title="Please select which MFH-Location the issue pertains to.">
  <select id="locations" name="locations" placeholder="Phantasyland">
    <option></option>
    <option>Building 1</option>
    <option>Building 2</option>
    <option>Building 3</option>
    <option>Building 4</option>
    <option>Building 5</option>
    <option>Building 6</option>
    <option>Building 7</option>
    <option>Building 8</option>
    <option>Building 10</option>
    <option>Building 12</option>
    <option>Building 13</option>
    <option>Building 14</option>
    <option>Aldersgate 1st Floor</option>
    <option>Aldersgate 2nd Floor</option>
    <option>MBH Zone 1</option>
    <option>MBH Zone 2</option>
    <option>MBH Zone 3</option>
    <option>MBH Zone 4</option>
  </select>
</div>
<br />
<br />
<label class="page1">Room Number</label>
<div class="tooltips" title="Please select the city that the customer is primarily to be served from.">
  <select id="roomNumberz" name="roomNumberz" placeholder=""></select>
</div>
<br />
<br /> ==========================================



<br />
<br />
<label class="page1">MFH-Location</label>
<div>
  <select name="WorkOrder_Fields_UDF_CHAR1" tabindex="-1" title="" class="rv-form-control select2-offscreen" style="width: 85%;" data-field="WorkOrder_Fields_UDF_CHAR1" data-mandatory="true">

    <option value="0">-- Select MFH-Location --</option>
    <option value="Aldersgate 1st Floor"> Aldersgate 1st Floor </option>
    <option value="Aldersgate 2nd Floor"> Aldersgate 2nd Floor </option>
    <option value="Benton Day Tx"> Benton Day Tx </option>
    <option value="Camp Aldersgate Day Tx"> Camp Aldersgate Day Tx </option>
    <option value="Dacus RTC"> Dacus RTC </option>
    <option value="Fillmore - Building 1"> Fillmore - Building 1 </option>
    <option value="Fillmore - Building 10"> Fillmore - Building 10 </option>
    <option value="Fillmore - Building 11"> Fillmore -...

JavaScript

jQuery(function($) {
  var locationz = {
    'Building 1': ['100', '102', '103'],
    'Building 2': ['200', '202', '203'],
    'Building 3': ['300', '302', '303'],
    'Building 4': ['100', '102', '103'],
    'Building 5': ['100', '102', '103'],
    'Building 6': ['100', '102', '103'],
    'Building 7': ['100', '102', '103'],
    'Building 8': ['100', '102', '103'],
  }

  var $locationz = $('#roomNumberz');
  $('#locations').change(function() {
    var building = $(this).val(),
      lcns = locationz[building] || [];

    var html = $.map(lcns, function(lcn) {
      return '<option value="' + lcn + '">' + lcn + '</option>'
    }).join('');
    $locationz.html(html)
  });
});
//============================================================================================//
$(function($) {
  var locations = {
    'Fillmore - Building 1': ['100', '102', '103', '104'],
    'Fillmore - Building 2': ['200', '202', '203'],
    'Fillmore - Building 3': ['300', '302', '303'],
    'Fillmore - Building 4': ['100', '102', '103'],
    'Fillmore - Building 5': ['100', '102', '103'],
    'Fillmore - Building 6': ['100', '102', '103'],
    'Fillmore - Building 7': ['100', '102', '103'],
    'Fillmore - Building 8': ['100', '102', '103']
  };

  var $locations = $("[name='WorkOrder_Fields_UDF_CHAR32']");
  $("[name='WorkOrder_Fields_UDF_CHAR1']").change(function() {
    var building = $(this).val(),
      roomsArray = locations[building] || [];

    var html = $.map(roomsArray, function(room) {
      return '<option value="' + room + '">' + room + '</option>'
    }).join('');
    $locations[0].innerHTML = html;
  });
});