Jump to content
Watusi

Check the checkbox if a specific option in Dropdown is selected in a Search form

Recommended Posts

I would like to ask for help in my JS code. I'm trying to change the value of a checkbox in a search form when a specific option in a dropdown is selected.
I want the checkbox to be set to true if "Math" is selected in the dropdown.

Below is my code that's not currently working:

<script>
function checkdropdown(){
  var drpselected = document.getElementsByName("Value1_1").value;

  if (drpselected == "Math") {
    document.getElementsByName("Value2_1").checked = true;
  } 
  else {
    document.getElementsByName("Value2_1").checked = false;
  }
}

document.getElementsByName("Value1_1").onchange = function() {checkdropdown()};
</script>

 

Also, here is a screenshot in the "Configure Search Fields" step of the DataPage:

checkboxjs.png.3315a2e899b14c216027c5c49fb27cb0.png

 

I'm hoping someone can help me with this. Thank you.

Share this post


Link to post
Share on other sites

Hi Watusi, can you try this instead:

<script type="text/javascript">

var dropdown = "Value1_1";
var checkbox = document.getElementsByName("Value2_1")[0]; 
var drp = document.getElementsByName(dropdown); 

function checkdropdown()
  {
    var drpselected = drp[0].options[drp[0].selectedIndex].text;
  
    if (drpselected == "Math")
      checkbox.checked = true;
    else
      checkbox.checked = false;
  }

  drp[0].onchange=checkdropdown;

</script>

 

Let me know if this works.

Share this post


Link to post
Share on other sites

Thank you, AtayBalunbalunan. This works!

22 minutes ago, AtayBalunbalunan said:

Hi Watusi, can you try this instead:


<script type="text/javascript">

var dropdown = "Value1_1";
var checkbox = document.getElementsByName("Value2_1")[0]; 
var drp = document.getElementsByName(dropdown); 

function checkdropdown()
  {
    var drpselected = drp[0].options[drp[0].selectedIndex].text;
  
    if (drpselected == "Math")
      checkbox.checked = true;
    else
      checkbox.checked = false;
  }

  drp[0].onchange=checkdropdown;

</script>

 

Let me know if this works.

 

Share this post


Link to post
Share on other sites

I have a similar use case where I am trying to basically do the same thing. In my case, the drop down selection is element "Value9_1" and the checkbox that I want to set to true, if Value9_1 = "Yes" is "Value_10_1". I have tried the following code but am not getting this to work. Can you see what I am missing? 

<script type="text/javascript">

var dropdown = "Value9_1";
var checkbox = document.getElementsByName("Value10_1")[0]; 
var drp = document.getElementsByName(dropdown); 

function checkdropdown()
  {
    var drpselected = drp[0].options[drp[0].selectedIndex].text;
  
    if (drpselected == "Yes")
      checkbox.checked = true;
    else
      checkbox.checked = false;
  }

  drp[0].onchange=checkdropdown;

</script>

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...