Unanswered

Multichoice show / hide javascript not working

(0) Share

Report

Posted on by ahilisa

I am trying to set a field show/hide, required/not required based on the value populated in a multiselect field. The code works fine when the field is a single drop down. Code is being entered into power custom javascript on portal form. Any advice welcome.

$(document).ready(function() {

$("#replacement").click(SetFieldsVisiblityQB6);

$("#replacement").click();

});

function SetFieldsVisibilityQB6() {

var selectedValue = $("#replacement").val();

if (selectedValue != null && selectedValue == "100000001")

{

$("#boughtin_label").closest("tr").show();

$("#boughtin").prop("required",true).closest("tr").show();

}

else

{

$("#boughtin_label").closest("tr").hide();

$("#boughtin").prop("required",false).closest("tr").hide();

}

Categories:

Customize & extend

I have the same question (0)

All responses (5)

Answers (0)

Sort by

Saud Ali 812 Super User 2024 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!
Hi @ahilisa ,

In case of multiselect option set you will get an array of selected values. What you can do is loop through the list of selected items and then compare the same way you're doing above. You above code is manage only single value but you need to handle multiple.

Here is an example, how I did it:

//Assuming my multiselect column name is Document List var multiselectVal = $("#pp_documentchecklist").val(); var parsedMultiselectVal = JSON.parse(multiselectVal); for (var i = 0; i < parsedMultiselectVal .length; i++) { var value = parsedMultiselectVal [i]['Value']; console.log(value); //This is the list of all selected values }

Sorry, for rough example through, but I hope it helps. Feel free to ask if you have any questions.

Thanks,

Saud

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

Was this reply helpful? Yes No
Surendran Ravindran 212 on at

Like
a
(1)

Report
Copy link

Link copied!
Hi @ahilisa ,

The line $("replacement").click(); seems to be missing the "#" to correctly select the element by ID. It should be $("#replacement").click();. Also, make sure that the element with ID "replacement" exists in your HTML.

Regards
Surendran Ravindran

--------------------------------------------------------------------------------------
Hope that helps.
If the post solves your problem, please mark it as solution. If it helps, consider a thumbs up.

Was this reply helpful? Yes No
ahilisa 32 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi Saud,

Yes the issue is I was not sure how to handle multiple values.

Where is my code does your example go into?

thanks
Lisa

Was this reply helpful? Yes No
ahilisa 32 on at

Like
a
(0)

Report
Copy link

Link copied!

thank you, that was a typo, but it hasnt worked, any other advice much appreciated.

Was this reply helpful? Yes No
oliver.rodrigues 9,482 Most Valuable Professional on at

Like
a
(0)

Report
Copy link

Link copied!

Would this help?: Manipulating Choices (Multiselect OptionSet) via J... - Power Platform Community (microsoft.com)

Was this reply helpful? Yes No