默認情況下Grails 3.0 HTML表更改輸入按鈕

Question

我正在使用grails 3開發一個項目。其中一項任務包括顯示一個包含信息和輸入列的表，如下所示：

存在2個文本字段和3個按鈕。 按鈕D填充第一個文本字段按鈕D1填充第二個文本字段按鈕D2填充兩個文本字段最后，結果將存儲在提交按鈕的單個域類中。

HTML表是動態生成的。

無需數據庫查詢或控制器調用。 它可以只是渲染值0或隨機值1。 我對jquery和javascript不太有經驗。

綜上所述：

1）顯示帶有2個輸入文本字段的表

2）用戶可以為此填充或使用默認按鈕（逐行或使用主按鈕）

3）完成提交按鈕后，會將信息保存到數據庫

注意：刷新是指如果文本字段中有一個值，則在按下按鈕時將覆蓋該值。

樣本： jsfiddle

document.getElementById("hour").value = numberHour;

如何實現呢？

Answer 1

現在，我將使用以下代碼，直到找到更好的東西：

http://jsfiddle.net/dkqwpc3L/2/

<input class="form-control" type="text" id="hour0"></input>
<input class="form-control" type="text" id="minute0"></input>

<button onclick="myFunction('hour0')">Click for Hour</button>
<button onclick="myFunction2('minute0')">Click for Minute</button>
<button onclick="myFunction3('0')">Click for Time</button>
<button onclick="myFunction4('0')">Initialise</button>


<input class="form-control" type="text" id="hour1"></input>
<input class="form-control" type="text" id="minute1"></input>

<button onclick="myFunction('hour1')">Click for Hour</button>
<button onclick="myFunction2('minute1')">Click for Minute</button>
<button onclick="myFunction3('1')">Click for Time</button>
<button onclick="myFunction4('1')">Initialise</button>

<script>
function myFunction(name)
{
var numberHour = Math.floor(Math.random() * 23) + 1  
document.getElementById(name).value = numberHour;
}
function myFunction2(name)
{
var numberHour = Math.floor(Math.random() * 59) + 1  
document.getElementById(name).value = numberHour;
}
function myFunction3(name)
{
var Hour ='hour'+name
var Minute ='minute'+name
var numberHour = Math.floor(Math.random() * 23) + 1  
document.getElementById(Hour).value = numberHour;
var numberHour = Math.floor(Math.random() * 59) + 1  
document.getElementById(Minute).value = numberHour;
}
function myFunction4(name)
{
var Hour ='hour'+name
var Minute ='minute'+name
document.getElementById(Hour).value = '';
document.getElementById(Minute).value = '';
}
</script>