JSFiddle - React, Tailwind, and code Playground

by CodeMaverick

HTML

<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.19/themes/dot-luv/jquery-ui.css">
<div class="login-homepage">
    <select id="DropDownList1">
        <option Text="product1" Value="product1">Camera</option>
        <option Text="product2" Value="product2">DVD</option>
        <option Text="product3" Value="product3">LCD</option>
    </select>
     <a href="#" id="login">login</a>
</div>
<div id="product" title="product-container" style="display: none;"></div>

JavaScript

$("a#login").click(function(e) {

    $("#dialog:ui-dialog").dialog("destroy");

    $("#product").dialog({

        height: 140,
        modal: true

    }).html($("#DropDownList1 option:selected").attr("Text"));

    e.preventDefault();

});