JSFiddle - React, Tailwind, and code Playground

by vipTelnet

HTML

<div class="btn-group action">
			<a class="btn btn-success" id="save" href="/admin/colors/save/22"><span>Сохранить</span></a>
			<a class="btn btn-info" id="saveclose" href="/admin/colors/saveclose/22"><span>Сохранить и закрыть</span></a>
            <a class="btn btn-warning" href="/admin/colors/"><span>Закрыть</span></a>
            <a class="btn btn-danger" href="/admin/colors/delete/22"><span>Удалить</span></a>
		</div>

<form action="/admin/colors/save/22" method="post" accept-charset="utf-8" id="editform">			

			
	        <h3>Настройки отображения</h3>

			<table class="table">
	            <tbody><tr>
	                <td><span class="tdCaption"><strong>Заголовок*</strong></span></td>
	                <td>
						<input type="text" name="title" value="22">
						<strong></strong>
					</td>
	            </tr>
	            <tr>
	                <td><span class="tdCaption"><strong>Код цвета*</strong></span></td>
	                <td>
						<input class="hash" type="text" name="hash" value="11">
						<strong></strong>
					</td>
	            </tr>
				<tr>
	                <td><span class="tdCaption"><strong>Опции</strong></span></td>
	                <td>
												<label class="checkbox">
						  <input type="checkbox" name="status" value="1" checked=""> Включен?
						</label>
					</td>
	            </tr>
	            <tr>
	                <td><span class="tdCaption"><strong>Позиция</strong></span></td>
	                <td>
						<input class="position" type="text" name="position" value="444">
						<strong></strong>
					</td>
	            </tr>				
	        </tbody></table>
			<input type="submit" id="send" name="send" value="Send">
		</form>

JavaScript

$('#save').click(function(){
			

			$('#editform').submit();
		});
		$('#saveclose').click(function(){
			$('#editform').attr('action',$('#editform').attr('action')+'/'+$(this).attr('id'));
			$('#editform').submit();
		});