JSFiddle - React, Tailwind, and code Playground

by Felipe Kautzmann

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<select id="mySelection">
    <option disabled="disabled" selected="selected">--Make a selection--</option>
    <option value="1">Item 1</option>
    <option value="2">Item 2</option>
</select>
<br /><br />
<a id="test" href="http://jsfiddle.net/syhFT/?src=2" target="_blank">Add Src</a>
<br /><br />

JavaScript

$('#mySelection').change(function () {
    //alert($('#mySelection option:selected').val());
    var selection = $(this).val();
    location.href = "http://jsfiddle.net/echo/jsonp?src=" + selection;
});

$('#test1').click(function() {
    var selection = $('#mySelection1 option:selected').val();
    location.href = "http://jsfiddle.net/echo/jsonp?src=2";
});

var params = {};

if (location.search) {
    var parts = location.search.substring(1).split('?');

    for (var i = 0; i < parts.length; i++) {
        var nv = parts[i].split('=');
        if (!nv[0]) continue;
        params[nv[0]] = nv[1] || true;
    }
}

// Now you can get the parameters you want like so:
var abc = params.abc;
alert(abc)