javascript - 当我使用选择选项时如何设置输入值?带有 if 的 Java 脚本

标签 javascript select if-statement input

我有以下脚本:

<!DOCTYPE html>
<HTML>
    <HEAD>
        <META charset="UTF-8">
        <SCRIPT src="scripts2.js"></SCRIPT>
    </HEAD>
    <BODY>
        <FORM>
            <SELECT name="receipt" onchange="set_input_value()">
                <OPTION id="P" value="P">P / </OPTION>
                <OPTION id="b" value="b">b / </OPTION>
            </SELECT>
            <INPUT type='text' id='id1' />
        </FORM>
    </BODY>
</HTML>

function set_input_value(){
    if(document.getElementById('P').value=='P'){
        document.getElementById('id1').value='1';
    }
    if(document.getElementById('b').value=='b'){
        document.getElementById('id1').value='2';
    }
}

我想做一些类似的东西。如果我选择选项“P”,则将输入值设置为 1。如果我选​​择选项“b”,则将输入值设置为 2。

抱歉,如果某个地方已经解决了这个问题,但我没有找到。感谢您的帮助。

最佳答案

您需要检查 SELECT 元素的值。您通过 id 获取 OPTION 元素并检查其值。将其更改为:

<!DOCTYPE html>
<HTML>
    <HEAD>
        <META charset="UTF-8">
        <SCRIPT src="scripts2.js"></SCRIPT>
    <SCRIPT type='text/javascript'>
    function set_input_value(){
        if(document.getElementById('receipt').value=='P'){
            document.getElementById('id1').value='1';
        }
        if(document.getElementById('receipt').value=='b'){
            document.getElementById('id1').value='2';
        }
    }
    </SCRIPT>
    </HEAD>
    <BODY>
        <FORM>
            <SELECT id='receipt' name="receipt" onchange="set_input_value()">
                <OPTION id="P" value="P">P / </OPTION>
                <OPTION id="b" value="b">b / </OPTION>
            </SELECT>
        <INPUT type='text' id='id1' />
        </FORM>
    </BODY>
</HTML>

关于javascript - 当我使用选择选项时如何设置输入值?带有 if 的 Java 脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21789888/

相关文章:

javascript - 多重 if 条件不起作用

javascript - 如何在 html 中保存可拖动的 div 位置

sql-server - 根据 SQL Server 中的日期和规则识别记录子集

javascript - 使用 Promises 设置 Sequence to Javascript 函数

mysql - 如何分割数字范围并计算总范围?

PHP-从同一行的主键获取第二列值

java - 为什么这个 if 语句被跳过?

if-statement - 在 Google 表格中使用多个匹配项进行 Vlookup

javascript - 重新分配类的函数时出现奇怪的 Javascript 行为

javascript - 多轴在 Highcharts 4 上不起作用