比较两个字段的值得到另一个字段的大值[关闭]答案

【问题标题】：Compare two fields value get large value another field [closed]比较两个字段的值得到另一个字段的大值[关闭]
【发布时间】：2020-11-05 19:58:16
【问题描述】：

    <select  name="days"   required="required">
            <option value="" disabled selected>Duration</option>
                <option value="7 ">7 </option>
                <option value="14 ">14 </option>
                <option value="21 ">21 </option>
                <option value="28 ">28 </option>
            </select>

    <select  name="days2"   required="required">
            <option value="" disabled selected>Duration</option>
                <option value="7 ">7 </option>
                <option value="14 ">14 </option>
                <option value="21 ">21 </option>
                <option value="28 ">28 </option>
            </select>

            <input  name="result" type="text"  placeholder="Show Large Duration" / >

?????????????????????

选择两个选项在结果字段中获取较大的值

【问题讨论】：

请向我们展示您的尝试。如果您搜索一下，应该不难找到有效的答案
也许你应该澄清你想要什么，我真的不明白
@Jordy：将days 和days2 的max 放入result。
谢谢@Lain！然后我们仍然需要 JS/jQuery 代码
@Jordy。这就是他希望你提供的请解决这个问题 :-)

标签： javascript html jquery validation

【解决方案1】：

你可以试试这个： //html

<select  id="days"  onchange="val(this)" required="required">
            <option value="" disabled selected>Duration</option>
                <option value="7 ">7 </option>
                <option value="14 ">14 </option>
                <option value="21 ">21 </option>
                <option value="28 ">28 </option>
            </select>

    <select  id="days2"   onchange="val(this)" required="required">
            <option value="" disabled selected>Duration</option>
                <option value="7 ">7 </option>
                <option value="14 ">14 </option>
                <option value="21 ">21 </option>
                <option value="28 ">28 </option>
            </select>
            <input  id="result" type="text"  placeholder="Show Large Duration" / >

//JS

const x = document.getElementById("days");
const y = document.getElementById("days2");
const result = document.getElementById("result");


function val(){
 
  if((x.value !== null && x.value !== '') && (y.value !== null && y.value !== '')){
    if(isFinite(x.value) && isFinite(y.value)){
      result.value = (Number(x.value) > Number(y.value)) ? x.value : y.value;
    }else{
      result.value = 'no value'
    }
  }
  
}

【讨论】：