Question

我有一个网站，可以通过猜测世界杯的得分和获胜球队来创建括号。现在你只需手动填写支架。我希望它能够在插入分数的同时阅读他们所插入的内容，并进行一些计算以便能够为群组设置获胜者而不是他们必须手动计算分数。分数和获胜者将插入输入字段或选择字段。无论如何使用php，html或任何东西来做到这一点。我找不到任何东西，正在寻找一个能引导我走向正确方向的人。我的代码示例将在下面提供帮助。谢谢！

澄清：好吧，让我们说团队选择巴西作为第一组。如何将它放在变量中，以便在实际提交之前使用。就像你填写一个支架而你选择一个团队一样，它会自动进入下一轮。这样的事情。我想获取信息以使支架填充更加用户友好，但我不知道如何抓住它直到他们点击提交按钮。

  <td><input type="number" name="home16" min="0" max="9" required>
-<input type="number" name="away16" min="0" max="9" required></td>

  <td><select name="firstGroupA" required>
  <option value="">Select</option>
  <option value="Brazil">Brazil</option>
  <option value="Croatia">Croatia</option>
  <option value="Mexico">Mexico</option>
  <option value="Cameroon">Cameroon</option>
  </select></td>

Answer 1

使用JavaScript或jQuery获取值。

例如，如果您想使用select on？onchange事件从firstGroupA获取值：

<td><select id="firstGroupA" onchange="jsMethod()" name="firstGroupA" required>
<option value="">Select</option>
<option value="Brazil">Brazil</option>
<option value="Croatia">Croatia</option>
<option value="Mexico">Mexico</option>
<option value="Cameroon">Cameroon</option>
</select></td>

JavaScript的：

function jsMethod(){
    var firstGroupA = document.getElementById("firstGroupA");
    var firstGroupVal = firstGroupA.options[firstGroupA.selectedIndex].value;

    // do whatever you want with the value in firstGroupVal
}

Answer 2

我想你想要这样的东西：

document.getElementById('my_select')
  .addEventListener('change', function () {
    document.getElementById('from_sel').value = this.value;
}, false);

See this fiddle

或者，使用JQuery：

$('#my_select').on('change', function() {
  $('#from_sel').val(this.value);
});

Fiddle with JQuery

我希望能够在提交表单之前读取表单文本字段中的数字

2 个答案: