JSFiddle - React, Tailwind, and code Playground

by johntrepreneur

HTML

<input type="text" id='txtLocation'>

CSS

.dlgSearchResults
{
    font-family: Tahoma;
}
.ui-dialog
{
}
.ui-dialog-titlebar
{
    font-size: 14pt;
}
.ui-dialog-title-dialog
{
}
.ui-dialog-titlebar-close
{
}
.ui-dialog-content
{
    font-size: 11pt;
}

JavaScript

document.getElementById(txtLocation).value = 'hello back';


alert('form text before jquery dialog=' + document.getElementById('txtLocation').value);

    var $dialog = $('<div></div>')
                    .html('test')
                    .dialog({   
                        dialogClass: 'dlgSearchResults',
                        autoOpen: false
});
    $dialog.dialog('open');

alert('form text after jquery dialog=' + document.getElementById('txtLocation').value);