How to create custom list fields by dropdownlist values

Question

I want to create a custom list in 2010.

Requirements:

• I have a field named "code move" , dropdownlist containg two values(yes and NO).
• If i choose yes,some new fields should appear to fill out.

ex: 4. Is there are code move? If yes, need to fill out the below fields.

    Component :
         Type :
   New/Change : 

If no, nothing should be done.

Please suggest me how can I acheive this.

Answer 1

Samba,

If you are using simple list form and want hide/show field based on drop down list selection then add a Content Editor Web Part on NewForm.aspx and use below Java script/JQuery:
Show/Hide Columns Based on Drop Down Selection
How to Hide Fields in SharePoint Custom List With Drop Down Value
Walkthrough: Conditionally Hide Fields on SharePoint 2010 Standard List Forms using jQuery

If you have InfoPath form or customizing list form in InfoPath Designer then use conditional formatting to hide/show field as shown in:
SharePoint and Infopath 2010 - Conditionally Hide Form Fields

Answer 2

You can use JQuery to achieve this. Consider you have a list with fields Title (Text), Location(Text) and Language (Drop down). The following sample code can be used to hide/show Location field in NewForm.aspx or EditForm.aspx page:

<script src="http://sp2010:90/JQuery/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
var languageField = $("select[title='Language']");
 languageField .change(function() {
        var locationField = $("input[title=Location]");      
        var val = $(this).val();
        if(val == "B")
        {           
            locationField.parent().parent().parent().hide();  
        }
        else
        {
            locationField.parent().parent().parent().show();  
        }
    });
</script>

The scripts attaches onchange event to dropdown list. Based on the selection it shows or hides the Location field on the page.