JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

JavaScript

var values = [{id:1,name:'john'},{id:2,name:'bob'},{id:3,name:'jack'}];

    var select = $(document.createElement('select')).addClass('test');
    $.each(values,function(i,e)
    {
        var option = $(document.createElement('option'));
        option.val(e.id);
        option.text(e.name);
        select.append(option);
    });

    $('div').append(select);

    $('.test').bind('change',function()
    {  
        alert(
              '.val()             : '+$(this).val()
              +'\n.attr("value")  : '+$(this).attr('value')
              +'\n.prop("value")  : '+(jQuery.isFunction($.prop)?$(this).prop('value'):'Not Supported')
             );
    });