JSFiddle - React, Tailwind, and code Playground

by Cristofer Sousa

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">×</span>
				</button>
				<h4 class="modal-title text-center">Adicionar Campos</h4>
				<br>
			</div>
			<div class="modal-body">

				<form action="/si_projetos/campo/save" method="post" name="campoModal" id="campoModal">

					<div class="row">
						<div class="col-md-12">
							<div class="form-group">
								
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-6">
							<div class="fieldcontain  required">
								<div class="form-group">
									<label>Campo</label>
									<input type="text" name="campo" placeholder="Campo" maxlength="30" required="" class="form-control" value="" id="campo">
								</div>
							</div>
						</div>

						<div class="col-md-6">
							<div class="fieldcontain  required">
								<div class="form-group">
									<label>Tipo</label>
									<select name="tipo" id="tipo" class="form-control">
<option value="I">INTEGER</option>
<option value="D">DATA</option>
<option value="C">CARACTERE</option>
<option value="M">MEMO</option>
<option value="H">HORA</option>
<option value="N">NUMÉRICO</option>
<option value="B">BINÁRIO</option>
<option value="S">SERIAL</option>
</select>
								</div>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-3">
							<div class="fieldcontain  required">
								<div class="form-group">
									<label>Tamanho</label>
									<input type="number" name="tamanho" value="" class="form-control" placeholder="999" required="" id="tamanho">
								</div>
							</div>
						</div>

						<div class="col-md-3">
							<div...

JavaScript

$("#tipo").change(function(){ 
	if($(this).find(":selected").val() == "N") {
		$("#disabledInput").removeProp("disabled");
	} else {
		$("#disabledInput").prop("disabled");
	}
});