JSFiddle - React, Tailwind, and code Playground

by Justin Breen

HTML

<select name="" id="item" value="tester">
  <option value="" disabled selected>Select...</option>
  <option value="http://google.com">option-1</option>
  <option value="http://yahoo.com">option-2</option>
  <option value="">option-3</option>
  <option value="">option-4</option>
  <option value="">option-5</option>
  <option value="">option-6</option>
  <option value="">option-7</option>
  <option value="">option-8</option>
</select>

JavaScript

/*
$('select option').on('click', function(e) {
		var el = e.target;
		var vl = el.attr('value');
    window.location.href='http://google.com';
		//window.location.href=vl;
});
*/

/*
$('#item').on('change', function(e) {
		var vl = $(this).val();
    alert(vl);
});
*/

/*
var item = document.getElementByID(item);

item.change(function() {
		//var vl = item.val();
    alert('testing');
});
*/

/*
var select = document.getElementByID('item');

var f = function() {
	//var select = document.getElementByID(item);
    //var vl = 'test';
    alert('Hi');
};


document.addEventListener('click', f, false);
*/

var t = document.querySelectorAll('select');

var f = function() {
	var vl = 'test';
	alert(vl);
};

document.addEventListener('change', f, false);


/*
$('#item').on('change', function() {
    //var el = e.target;
		//var vl = el.attr('value');
    //var vl = e.target.attr('value');
    var vl = $(this).val();
    alert(vl);
});
*/


/*
$('#item').change(function() {
    var vl = $(this).val();
    if (vl == 'http://google.com') {
        window.location.href = 'http://google.com';
    }
});
*/