Have an onchange event in SPD to update a list based on user selection of data view drop down?

Question

Hoping someone can point me in the right direction: I have a list for Media announcements, each one of these announcements will have various types of documents associated (via look up field in the doc library). I am trying to have a data form web part (dropdown)
as the selector (as I am not liking the SharePoint list filter feature) to have a user be able to select the Media Title, then it refreshes the three web parts on the page (1 for the announcement, then one for type1 docs and one for type 2 docs.)
What is the best way to create an onchange event to have the selected option be connected to the first web part (media title on a list view) so that the information on the page can all be filtered?

Answer 1

Hi,
Would you mind providing more details about your requirement? Are there one Announcements list and two Document Library in a page?
Suppose you have one Announcements list and two Document Library in a page, then you want to add a Drop Down Menu(not the OOTB SharePoint List Filter Web Part) to filter the
three List View Web Part dynamically.
There will be two workarounds:
1. Use the OOTB “Connections” feature of the list to “Get Filter Values From” one of the three lists, then there will be a “Select” button in that list, we can click it to filter
other two lists/libraries. This is a way without code though we may not have the Drop Down Menu;
2. Add three <iframe> in a page, then add a Drop Down Menu in this page. Now, we will need some JavaScript to listen to the onchange event of this Drop Down Menu. We can
get the values populated in the Drop Down Menu from one of the column of one of the list, when making a selection in it, we can pass an URL with query strings to the three iframes which will show the three different lists or libraries.
The second way requires some code to interact with Client Object Model cause we need to get values from a list, some script to handle the onchange event, which seems more suit
with your need.
Here are some links might be helpful if you want to take the second way:
About how to find a specific element on a page using JavaScript:
http://javascript.info/tutorial/searching-elements-dom
Handle the onchange event using jQuery.change function:
http://api.jquery.com/change/
About query string to filter a list view:
http://techtrainingnotes.blogspot.com/2012/03/sharepoint-search-filter-or-sort-lists.html
About change the src attribute of iframe:
http://stackoverflow.com/questions/3730159/changing-iframe-src-with-javascript
http://www.w3schools.com/jsref/prop_frame_src.asp
Best regards
Patrick Liang
TechNet Community Support