Using jQuery to show/hide a field based on 2 dropdown fields
Hi everyone,
Ive got a jQuery script which shows a SharePoint field based upon a dropdown value. This is great but I need to modify it so that I can show a field if 2 dropdown values are matched. Ive tried a few different ways but I cannot for the life of me get it to work.
Im only learning jQuery so am more than likely falling down here.
The current code to hide 1 or more SharePoint fields based on 1 dropdown is:
Code:
<!-- SECTION 1.0: SHOW 'RESPOND WITHIN 7 DAYS' OPTION -->
// since we will be accessing the collection of nobr elements multiple times,
// let's cache the collection for performance.
var nobr;
// define globally, set in document ready function (see below)
function showConditionalRows(show) {
// set up an array with the display names of the conditional fields
var titles = ['Information request formally responded to within 7 days'];
for (var i = 0; i < titles.length; i++)
nobr.filter(":contains('" + titles[i] + "')").closest("tr").toggle(show);
}
// cache the 'STATUS' select control
var sltStatus;
$(document).ready(function() {
// initialize global vars
nobr = $("nobr");
sltStatus = $("select[title='Status']");
var val = sltStatus.val();
showConditionalRows(val == "Completed");
// add code to update visibility of conditional rows when project status changes
sltStatus.change(function() {
// if the value is "Completed", show all fields.
var val = $(this).val();
showConditionalRows(val == "Completed");
});
});
So basically here, if 'STATUS' = 'Completed' then it shows the 'Information request formally responded to within 7 days' field. As I said, this works great, but.....
I would like to change the code so that if 'STATUS' = 'Completed' and 'PLANNED WORK' = 'Unplanned Work' then it shows the 'Information request formally responded to within 7 days' field. I've tried to manipulate the code but I just cant get it to work.
Any help would be appreciated
Rick
-=stylus=-
