Conditional Show/Hide Field in NewForm.aspx with Javascript/Ajax

Question

I want to show/hide a Field according to the selected value of a Choice field. How can i achieve this with javascript or AJAX?

Edit:

I tried this but, i cant even get the value of the selected value for the lookup dropdown:

$(document).ready(function() {

       $('select[id$="ctl00_m_g_4baff930_989d_4f64_8728_9fb22af0d590_ctl00_ctl05_ctl09_ctl00_ctl00_ctl04_ctl00_Lookup"]').live("change", function()
        {
            alert($(this).val());
       });
   });

Dhaval Kariya · Accepted Answer · 2013-01-30 10:05:54Z

1

<script type="text/javascript">
 $(document).ready(function() {

           $('select[id$="dd1"]').live("change", function()
            {

                if($(this).val()=='Completed')
                    {   
                            var title=$("[id$='textbox1']");    
                            title.show();
                    }
                    else
                    {
                       var title=$("[id$='textbox1']");
                       title.hide();
                    }

           });
       });

new answer

$('#selectField').change(function(){
if($('#selectField').val() == 'N'){
    $('#secondaryInput').hide();
} else {
    $('#secondaryInput').show();

} });

I assume choice field is ur dropdonw. dd1 will be ur choice field id and textbox1 will be ur another filed id. This is just a sample but u can accomplish ur requirement like this. Dont forget to include jquery before this. I suggest u to use infopath form instead of sharepoint list forms.

Regards,

Dhaval

edited Jan 30, 2013 at 10:05

answered Jan 30, 2013 at 8:39

Dhaval Kariya

3361 gold badge2 silver badges15 bronze badges

And how to find the ID s of the fields? From browser's View Source?

ozdogan
– ozdogan

2013-01-30 09:29:37 +00:00
Commented Jan 30, 2013 at 9:29
BTW,additionally i must check the selected value of the dropdown. Then show or hide the Text Field according to the selected value.

ozdogan
– ozdogan

2013-01-30 09:32:22 +00:00
Commented Jan 30, 2013 at 9:32
1

yes..only the way u can find..Sharepoint automatically generate control id like 'ctl00_m_g_49979d6a_ba67_4c70_82b0_59e0fa0787d1_ctl00_ctl05_ctl00_ctl00_ctl00_ctl04_ctl00_ctl00_TextField' thats why i have used $("[id$='textbox1']"). For this id u can use like $("[id$='TextField']"). And if there are multiple textbox in a form then you have to match title attribute of control too.

Dhaval Kariya
– Dhaval Kariya

2013-01-30 09:34:45 +00:00
Commented Jan 30, 2013 at 9:34
can you show me an example of: "And if there are multiple textbox in a form then you have to match title attribute of control too."

ozdogan
– ozdogan

2013-01-30 09:37:35 +00:00
Commented Jan 30, 2013 at 9:37
1

for that u have check for all controls inside the form with 'TextField' and then get title attribute like $("[id$='TextField']").val( $(this).attr('title') );. And for checking selected value of dropdown pls see into my updated anwser.

Dhaval Kariya
– Dhaval Kariya

2013-01-30 09:43:11 +00:00
Commented Jan 30, 2013 at 9:43

| Show 5 more comments

Stu Pegg · Accepted Answer · 2013-01-31 09:57:42Z

0

First Provide the ID for the Row contains your Field.

Add the Following Script:

function hidefield()
{
   if (document.getElementById("checkboxid").checked)
   {
      document.getElementById("rowid").style.visibility = "collapse";
   }
}

Call this function in onclick event of the Checkbox.

edited Jan 31, 2013 at 9:57

Stu Pegg

4,6237 gold badges50 silver badges92 bronze badges

answered Jan 31, 2013 at 9:29

Kavin Cavin

112 bronze badges

Add a comment |

Stack Exchange Network

Conditional Show/Hide Field in NewForm.aspx with Javascript/Ajax

2 Answers 2

Your Answer

Hot Network Questions

Conditional Show/Hide Field in NewForm.aspx with Javascript/Ajax

2 Answers 2

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions