How to change a form dropdown list selection using a method

Question

I've got a form with a few dropdowns that are associated to static lists. I need to drive the selection of the dropdowns to update based upon a graphic that's made of multiple HTML fields (basically a 5x5 grid). 
 - Dropdown1 
 - Dropdown2 
 Each grid box should have a value associated to the two dropdowns. 
 So what I want to do, is run a method onClick (or onSelect?) of the HTML fields, changing the selection of Dropdown1 and Dropdown2. 
 Looked through the various guides and couldn't find something applicable. Could anyone assist with this?

AngelaIp · Accepted Answer

I took the first best code sample that I thought it could fit. :-) 
 I made a quick test with a custom button in the Part Form to set the make_buy dropdown: 
 This one can set a dropdown value on button click. But it&acute;s only a visual setting. The value is not stored in the item. 
 var dropdownComponent = getFieldComponentByName("make_buy"); dropdownComponent.component.setState({ value: 'Make' }); 
 This variant did the best job. It updates the Form and ensures the correct label is stored: window.handleItemChange("make_buy", "Make"); 
 You can call this one also from custom html elements. So calling this one from a custom grid / table cells should work.

How to change a form dropdown list selection using a method

Top Replies