How to hide field on editform.aspx using conditional statements?

Question

I have a column name "Order" and if order is equal to "Car" then show the "Warranty" field, else hide it. I am using script editor for this and here is my code and someone it is not working. Can you point me to a right direction.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script>

if ($("select[title='Order']").val() != "Car")
{
$(document).ready(function(){
$("nobr:contains('Warranty')").closest('tr').hide();
});

}

else 
{
$(document).ready(function(){
$("nobr:contains('Warranty')").closest('tr').hide();
});

}
</script>

Warranty is check box(Yes or No) but Order is multiple choice. — user85780
– user85780, Commented Aug 6, 2019 at 15:30

Ganesh Sanap - MVP · Accepted Answer · 2019-08-06 14:54:34Z

0

Assuming your jQuery selectors or right, you can try using below code:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    if ($("select[title='Order']").val() == "Car")
    {           
      $("nobr:contains('Warranty')").closest('tr').show();  
    } 
    else 
    {           
      $("nobr:contains('Warranty')").closest('tr').hide();  
    }
});
</script>

answered Aug 6, 2019 at 14:54

Ganesh Sanap - MVP

47.4k22 gold badges32 silver badges64 bronze badges

Somehow it doesn't work. It just hides it. if the condition were true then it never shows.

user85780
– user85780

2019-08-06 15:27:49 +00:00
Commented Aug 6, 2019 at 15:27
Try adding breakpoint from browser's console at IF condition and see if you are getting correct select element or not.

Ganesh Sanap - MVP
– Ganesh Sanap - MVP

2019-08-06 16:03:19 +00:00
Commented Aug 6, 2019 at 16:03

Add a comment |

LZ_MSFT · Accepted Answer · 2019-08-07 01:49:56Z

If the "Order" field is a lookup field and allow multiple select, we can use the code below to achieve it.

<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
    $("nobr:contains('Warranty')").closest('tr').hide();
    $("select[title='Order selected values'] option").each(function(){
        if($(this).text()=="Car"){
            $("nobr:contains('Warranty')").closest('tr').show();
        }
    });
});
</script>

If the "Order" field is a dropdown list, we can use the code below.

<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
    $("nobr:contains('Warranty')").closest('tr').hide();
    if($("select[title='Order']").val()=="Car"){
        $("nobr:contains('Warranty')").closest('tr').show();
    }
});
</script>

Stack Exchange Network

How to hide field on editform.aspx using conditional statements?

2 Answers 2

Your Answer

Hot Network Questions

How to hide field on editform.aspx using conditional statements?

2 Answers 2

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions