JSFiddle - React, Tailwind, and code Playground

by ric47121

HTML

<!--select name="myselect" id="myselect" disabled="disabled" -->
<select name="myselect" id="myselect" readonly="readonly" >
    <option value="1">Country1</option>
    <option value="2">Country2</option>
    <option value="3">Country3</option>
    <option value="4">Country4</option>
    <option value="5">Country5</option>
    <option value="6">Country6</option>
    <option value="7" selected="selected">Country7</option>
    <option value="8">Country8</option>
    <option value="9">Country9</option>
</select>

<input type="text" id="otro" value="hola"/>

JavaScript

$('select option:not(:selected)').remove();

$("#myselect").change(function(){           
        //console.log($(this).val(), $(this).id, this.id)
    $(this).val("7")
});    
    
//$("#otro")setCursorPosition(2);

//document.getElementById('otro').setSelectionRange(0,3);    
    
    
$('#myselect').click(function(){
    //$(this).attr("size","1");
        
    //setTimeout("$(this).blur();",300)
    //setTimeout("$('#otro').click()",300)
    //alert('no se puede editar')  

    //$(this).blur();
    //$("#otro").focus();
    
    //$("#otro").setSelectionRange(0, 1);
     //$("#otro")setCursorPosition(2);
    
    //document.getElementById('otro').setSelectionRange(0,3);  
    
    //$("#otro").click();
    //return false;
});
    
//console.log($("#myselect").attr("id"))
//var valor = $("#myselect").val();