New Post: SPCascadeDropDowns not working if parent field required even with jquery.SPServices-2014.01.js

Hi. I hit the "required field" issue after installing the SharePoint 2010 CU last week. I then modified one of my problem pages to use the 2014.01 update.:

<script type="text/javascript" src="/_layouts/jquery-1.11.0.js"></script>
<script type="text/javascript" src="/_layouts/jquery.SPServices-2014.01.js"></script>

The fix works fine where the parent field is NOTrequired but fails to "cascade" (filter) the results in the child lookup when the parent IS required. I have stepped through the debugger and was able to see that the parentSelect.Type is null and so the change/onchange event is not being bound.

Maybe I missed something?

We are using SP 2010 Foundation with the SharePiont 2010 CU.

I saw in the other postings that you needed the rendered html..... Here is ours:

<tr>
     <td nowrap="true" valign="top" width="190px" class="ms-formlabel"><h3 class="ms-standardheader">
        <nobr>SURVICE Site<span class="ms-formvalidation" title="This is a required field." > *</span></nobr>
    </h3></td>
        <td valign="top" class="ms-formbody">
        <!-- FieldName="SURVICE Site"
             FieldInternalName="SURVICE_x0020_Site"
             FieldType="SPFieldLookup"
          -->
            <span dir="none"><select name="ctl00$m$g_f9666e69_7a27_4008_839e_1cf5010f46f9$ctl00$coifieldlock1$ctl05$ctl00$ctl00$ctl04$ctl00$Lookup" id="ctl00_m_g_f9666e69_7a27_4008_839e_1cf5010f46f9_ctl00_coifieldlock1_ctl05_ctl00_ctl00_ctl04_ctl00_Lookup" title="SURVICE Site Required Field">
                    <option value="1">Operation 1</option>
                    <option value="2">Operation 2</option>
                    <option selected="selected" value="3">Operation 3</option>
                    .....
                </select><br/></span>
            
        </td>
    </tr>
    
        <tr>
        <td nowrap="true" valign="top" width="190px" class="ms-formlabel"><h3 class="ms-standardheader">
        <nobr>SURVICE Division</nobr>
    </h3></td>
        <td valign="top" class="ms-formbody">
        <!-- FieldName="SURVICE Division"
             FieldInternalName="SURVICE_x0020_Division"
             FieldType="SPFieldLookup"
          -->
            <span dir="none"><span style="vertical-align:middle"><input name="ctl00$m$g_f9666e69_7a27_4008_839e_1cf5010f46f9$ctl00$coifieldlock1$ctl06$ctl00$ctl00$ctl04$ctl00$ctl01" type="text" value="CORPORATE ADMINISTRATION" id="ctl00_m_g_f9666e69_7a27_4008_839e_1cf5010f46f9_ctl00_coifieldlock1_ctl06_ctl00_ctl00_ctl04_ctl00_ctl01" class="ms-lookuptypeintextbox" onfocusout="CoreInvoke('HandleLoseFocus')" opt="_Select" title="SURVICE Division" optHid="SPSURVICE_x0020_Division_Hidden" onkeypress="CoreInvoke('HandleChar')" onkeydown="CoreInvoke('HandleKey')" match="" choices="(None)|0|DIVISION 1|1|DIVISION 2|2|DIVISION 3|3|DIVISION 4|4|....." onchange="CoreInvoke('HandleChange')" /><img alt="Display lookup values" onclick="CoreInvoke('ShowDropdown','ctl00_m_g_f9666e69_7a27_4008_839e_1cf5010f46f9_ctl00_coifieldlock1_ctl06_ctl00_ctl00_ctl04_ctl00_ctl01');" src="/_layouts/images/dropdown.gif" style="border-width:0px;vertical-align:middle;" /></span><br/></span>
            
            
        </td>
    </tr>

Here is my script:

 $(document).ready(function(){
 /* Cascade drop downs */
  $().SPServices.SPCascadeDropdowns({
    relationshipList: "{B61486E8-6E9E-46A1-B630-DD245F37C048}",
    relationshipListParentColumn: "SURVICE_x0020_Site",
    relationshipListChildColumn: "Title",
    relationshipListSortColumn: "Title",
    parentColumn: "SURVICE Site",
    childColumn: "SURVICE Division",
    debug:true
  });
});

Any assistance would be greatly appreciated.