JSFiddle - React, Tailwind, and code Playground

by Kate Masiuk

HTML

<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/black-tie/jquery-ui.css">
<form action="" id="form">
<select id="menu" name="select">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option selected="selected">4</option>
</select>
    <button id="sub" type="button">sdfsf</button>
    </form>
<div class="log"></div>

JavaScript

$("#menu").selectmenu({
  select: function( event, ui ) {
      $('.log').text($('#menu option:selected').text());
  }
});

$('#sub').click(function(){
	$.post(
    '/echo/html/'
        ,{
        html: $('#form').serialize(),
        delay: 1
    	}
        ,function(data){alert(data);}
        ,'html'
    );
});