Print/Pattern Changes

by chayacooper

HTML

<input id="example1" name="Fabric_Print" type="text" />Fabric_Print<br/>
<input id="NumberOfColors" name="NumberOfColors" type="text" />NumberOfColors<br/>
<input id="NumberOfPrimaryColors" name="NumberOfPrimaryColors" type="text" />NumberOfPrimaryColors<br/>

<input id="example1" name="ColorDistinction" type="text" />ColorDistinction<br/>
<input id="example1" name="Pattern_Size" type="text" />Pattern_Size<br/>
<input id="example1" name="Pattern_Usage" type="text" />Pattern_Usage<br/>
<input id="example1" name="Pattern_Location_Fabric" type="text" />Pattern_Location_Fabric<br/>
<input id="example1" name="PositionOfPattern_Location_Fabric" type="text" />PositionOfPattern_Location_Fabric<br/>

<input type="button" value="Show NumberOfColors" onclick="alert( $('#NumberOfColors').val();" />

<input type="button" value="Show NumberOfPrimaryColors" onclick="alert( $('#NumberOfPrimaryColors').val();" />

JavaScript

$(document).ready(function(){
    $('[name=NumberOfColors], [name=NumberOfPrimaryColors]').val('1'); 
    $("[name=NumberOfColors],[name=NumberOfPrimaryColors],[name=ColorDistinction],[name=Pattern_Size],[name=Pattern_Usage],[name=Pattern_Location_Fabric],[name=PositionOfPattern_Location_Fabric]").hide();   

    $("[name=Fabric_Print]").change(function(){
        if( $("[name=Fabric_Print]").val() > "0"){  
            $('[name=NumberOfColors], [name=NumberOfPrimaryColors]').val('2'); 
            $('[name=ColorDistinction]').val('3'); // Scale 1-5
            $('[name=Pattern_Size]').val('3'); // Scale 1-10
            $('[name=Pattern_Usage]').val('Throughout');              
            $('[name=Pattern_Location_Fabric], [name=PositionOfPattern_Location_Fabric]').val('Null');
           $("[name=NumberOfColors],[name=NumberOfPrimaryColors],[name=ColorDistinction],[name=Pattern_Size],[name=Pattern_Usage]").show();     
        }         
         else {
        // Print hasn't been selected
            $('[name=NumberOfColors], [name=NumberOfPrimaryColors]').val('1'); 
            $('[name=ColorDistinction], [name=Pattern_Size], [name=Pattern_Usage]').val('Null'); 
            $('[name=Pattern_Location_Fabric], [name=PositionOfPattern_Location_Fabric]').val('Null');
            //$("[name=NumberOfColors],[name=NumberOfPrimaryColors],[name=ColorDistinction],[name=Pattern_Size],[name=Pattern_Usage],[name=Pattern_Location_Fabric],[name=PositionOfPattern_Location_Fabric]").hide();   
       }        
    });                            
    $("[name=NumberOfColors]").change(function(){
         $('[name="NumberOfPrimaryColors"]').val( $('[name=NumberOfColors]').val() );
                    if( $("[name=NumberOfColors]").val() > "1"){  
            $("[name=NumberOfPrimaryColors],[name=ColorDistinction]").show();  
            }else { 
            $("[name=NumberOfPrimaryColors],[name=ColorDistinction]").hide();  
            } 
    });        
    ...