Task Modal

by Annie Lagang

HTML

<form class="form-horizontal" method="POST" action="http://dev.procureid.com/procurements/3/tasks">
                    <input type="hidden" name="_token" value="Qq0dA5oU3StShZRpI7GxZVWNBhwBwfUjoWAZvoxI">
				<div class="row">
					<div class="col-sm-4">
						<input id="name" type="text" class="form-control" name="name" placeholder="Task name" required="" autofocus="">
                        <input id="procure" type="text" class="form-control" name="element_id" value="26" hidden="" autofocus="">
                        <input id="procure" type="text" class="form-control" name="project_element_id" value="3" hidden="" autofocus="">
					</div>
				</div>

                    <div class="row">
    					<div class="col-sm-4">
    						<p>Element</p>
                                <input id="name" type="text" class="form-control" name="element_name" value="Joinery 15 August" disabled="" required="" autofocus="">
    					</div>

                        <div class="col-sm-4">
    						<p>Supplier contact:</p>
                            <select class="form-control" name="supplier_contact_id" id="supplier_contact_id" required="">
                                <option value="">Select a supplier contact</option>
                                                                                                            <option value="24">Supplier Hamilton</option>
                                                                            <option value="26">Yintec Yintec</option>
                                                                                                </select>
    					</div>
                        <div class="col-sm-4">
                            <p>Upload QA photo evidence</p>
                            <input class="form-control half" type="text" placeholder="Filename.png" aria-label="Recipient's username">
                        </div>
    				</div>
    				<div class="row">
                        <div class="col-sm-4">
   ...

JavaScript

$(function() {
     var inputToHide = $("#toHide");
     $('#hider').on('change', function() {
         var selected = $('#hider option:selected').val();
         if ( selected === "Show" ) {
             //alert("will show");
            inputToHide.show();
         } else {
             //alert("will hide");
            inputToHide.hide();             
         }
     });
});