Question

我正在创建一个非常简单的网站来显示一些餐馆的等待时间。我需要创建一些后端脚本，允许餐厅经理打开一个单独的网站并更新等待时间的值。现在我所拥有的只是一张简单的表

compile 'com.android.support:app.recommendation-app:23.0.0'

创建用户友好界面以修改此“无等待”部分的最佳方法是什么？我应该创建一个带有文本框的Javascript函数来替换该单元格中的信息吗？任何建议都会非常感谢！

Answer 1

以下是如何在桌面上切换文字的简短示例。我的目标是为您提供一个起点，让您继续收集额外的资源，并根据您的需要对其余资源进行编码。

<强> HTML

<table style="width:100%">
    <tr>
        <th>Venue</th>
        <th>Style</th>
        <th>Availability</th>
        <th>Location</th>
    </tr>
    <tr>
        <td>In Room Dining</td>
        <td>Full Menus</td>
        <td>
            <p id="availability">No Wait</p>
        </td>
        <td></td>
    </tr>
</table>
<br>
<input type="button" value="Swith Availability" onClick="switchAvail();">

<强>的JavaScript

function switchAvail() {
    var availability = document.getElementById('availability');
    availability.innerHTML = "1 Hour Wait";
}

<强>的jsfiddle https://jsfiddle.net/0gph51bc/

正如您所看到的，此示例中有一个按钮，单击该按钮会触发switchAvail()运行。在switchAvail()内部，它说'嘿，去找一个ID为availability'的HTML元素。找到后，在它的标签之间切换，以反映'1小时等待'。

更新表格单元格中的等待时间

1 个答案: