如何使用Javascript在Input <input>中设置值并选择<select>标签

Question

我想根据以下Java脚本中提供的条件在输入中创建值的自动设置或选择标记： 我的问题是，无论何时提交数据，我都不会反映在数据库中。任何想法或代码片段都会有很大帮助。

function myFunction()
{
    var condition = document.getElementById("course").value;
    var text

    if(condition==="BSCS"|| condition==="BSIT"|| condition==="BSIS"||condition==="BLIS"||condition==="BSEMC")
    {
        text="Department A";
    }
    else if(condition==="BSA"||condition==="BSBA"||condition==="BSOA"||condition==="BSREM"||condition==="BSHRM"){
        text="Department B";
    }else if(condition==="BEED"||condition==="BSED"||condition==="BSSW"||condition==="AB-PolScie"||condition==="AB-Philo"||condition==="AB-English"){
        text="Department C";
    }else{
        text="N/A";
    }
    document.getElementById("demo").innerHTML=text;
}

<select id="course" onchange="myFunction()" class="form-control" 
name="Course">
                <option value="None">Select Course</option>
                <option value="BSCS">BSCS</option>
                <option value="BSIT">BSIT</option>
</select>

Answer 1

您曾经使用过innerHTML，如果您想设置一个值，请使用value。

document.getElementById("demo").innerHTML=text;

更改为：

document.getElementById("demo").value=text;

function myFunction()
{
    var condition = document.getElementById("course").value;
    var text

    if(condition==="BSCS"|| condition==="BSIT"|| condition==="BSIS"||condition==="BLIS"||condition==="BSEMC")
    {
        text="Department A";
    }
    else if(condition==="BSA"||condition==="BSBA"||condition==="BSOA"||condition==="BSREM"||condition==="BSHRM"){
        text="Department B";
    }else if(condition==="BEED"||condition==="BSED"||condition==="BSSW"||condition==="AB-PolScie"||condition==="AB-Philo"||condition==="AB-English"){
        text="Department C";
    }else{
        text="N/A";
    }
    document.getElementById("demo").value=text;
}

<select id="course" onchange="myFunction()" class="form-control" 
name="Course">
  <option value="None">Select Course</option>
  <option value="BSCS">BSCS</option>
  <option value="BSIT">BSIT</option>
</select>

<input id="demo" type="text" name="Dept" class="form-control" placeholder="Department" required>