Java根据从下拉菜单中选择的选项设置文本框的最大值和最小值答案

【问题标题】：Java set maximum and minimum value of the textbox according to the option selected from dropdown menuJava根据从下拉菜单中选择的选项设置文本框的最大值和最小值
【发布时间】：2020-07-07 19:25:26
【问题描述】：

这是我的html代码：

<!DOCTYPE html>
<html>
<head>
<script>
function Check(e) {
  var text=document.getElementById("text");
  var inputnum = document.getElementById("number");
  if (e.value == "option1") {
    inputnum.min = "5";
    inputnum.max = "10";
    text.innerHTML ="input the value from 5 to 10";
  } else if (e.value == "option2") {
    inputnum.min = "20";
    inputnum.max = "30";
    text.innerHTML ="input the value from 20 to 30";
  }
}
</script>
</head>
<body>


<select id="selectMe" onChange="Check(this);">
   <option value=""></option>
    <option value="option1">option1</option>
    <option value="option2">option2</option>
</select>
<br><br><br>

<input name="number" type= "number" id="number">
<p id="text"></p>
</input>

</body>
</html>

我需要对此代码进行少量修改，根据从下拉列表中选择的选项设置数字输入框的最小值和最大值。

例如：如果用户选择选项 1，则最小值必须为 5，最大值为 10。类似地，如果用户选择选项 2，则最小值必须为 10，最大值为 20。它还应该显示消息（在html下方的文本框（不是警告消息）显示请输入从xxx到xxx的值

请帮我解决这个问题。提前谢谢你。

【问题讨论】：

标签： javascript html jquery

【解决方案1】：

请参见我的示例，当SelectBox更改时（因此使用 @987654321 @），活动a函数检查selectbox的值，然后更改输入的最小/最大

  var text=document.getElementById("text");
  var inputnum = document.getElementById("number");
window.onload = function() { inputnum.disabled=true; text.innerHTML =""; };
function Check(e) {

  if (e.value == "option1") {
    inputnum.disabled=false;
    inputnum.min = "5";
    inputnum.max = "10";
    text.innerHTML ="input the value from 5 to 10";
  } else if (e.value == "option2") {
    inputnum.disabled=false;
    inputnum.min = "20";
    inputnum.max = "30";
    text.innerHTML ="input the value from 20 to 30";
  } else if (e.value == "empty"){
  inputnum.disabled=true;
  text.innerHTML ="";
  
  }
}

<select id="selectMe" onChange="Check(this);">
  <option value="empty"></option>
  <option value="option1">option1</option>
  <option value="option2">option2</option>
</select>
<br /><br /><br />

<input name="number" type="number" id="number" />
<p id="text"></p>

函数必须在<script></script>标签中。

在评论后添加：

我添加了 onload 功能，其中页面加载输入被禁用。

【讨论】：

我已经修改了代码，但它不起作用请看看
在底部使用脚本
我在<p>添加了味精
谢谢先生，此代码有效，但仍有一个问题。当我传递一个有效值时，它会显示有效结果，但是当我在给出有效值后返回时，它再次开始接受无效值，也不知道为什么
嗯我不明白。你能重新制定吗？