javascript - 当用户输入时打开一个弹出窗口使用javascript填充表格中的输入字段

Question

我有一个包含输入字段的表。按用户输入时间值。这里我想要的功能是当他们填写第一个开始时间时，打开一个窗口，询问“你想包括上午/下午指定吗？” 如果他们说是，请将这些上午/下午选项包括在表中。我怎样才能通过使用 javascript 来做到这一点。

我写下面的代码

<div class="tbody">
<div class="tbc1" style="width:32%;">
Start Time</div>
</div>


<div class="tbody"><div class="tbc1" style="width:32%">
<input class="tblinput cd1st tsst tf" id="tsst" maxlength="5" type="text" style="width:45px;" placeholder="hh:mm"></div>

Answer 1

当用户离开输入时，使用 onblur 来处理。

使用 confirm('my message') 显示问题。

像这样的东西：

<input type="text" onblur="showMessage(this);" />

function showMessage(sender)
{
    if (confirm('do you want to...'))
    {
        document.getElementById('ampm').style.display = 'block';
    }
}

如果需要，可以显示一个隐藏的 am/pm 字段：

<select id="ampm" name="ampm" style="display: block">
 <option>am</option>
 <option>pm</option>
</select>