输入文本弹出jquery

Question

如何在鼠标指针输入输入文本id phonenumber时显示弹出窗口，ui更像是jquery datepicker但是我需要弹出窗口上的自定义内容，它将加载tab-content Div

<div class="input-box">
 <input name="phonenumber" value="" id="phonenumber" type="text" class="input-text" title="Phone Number" />
</div>

 <div class="tab-content">
    <div class="select-box">
     <select>
      <option value="Reload Type">Reload Type</option>
      <option value="Prepaid">Prepaid</option>
      <option value="Post Paid">Post Paid</option>
     </select>
    </div>
   <div class="buttons-set">
    <button type="button" class="button" onclick=""><span><span>RECHARGE</span></span></button>
   </div> 
</div>

由于

Answer 1

您在寻找this。

您可以使用Jquery-UI中带有一些Jquery代码的对话框或模式。

    $('.tab-content').dialog({
        closeOnEscape: true,
        modal: true,
        autoOpen: false
    });