Javascript 使用两个下拉列表的输出在多个位置创建文本

Javascript 使用两个下拉列表的输出在多个位置创建文本,javascript,html,select,Javascript,Html,Select,我有以下几个下拉列表: <select name="dropdown" id="dropdown"> <option value="1000">1000</option> <option value="2000">2000</option> <option value="3000">3000</option> <option value="4000">4

我有以下几个下拉列表:

<select name="dropdown" id="dropdown">
      <option value="1000">1000</option>
      <option value="2000">2000</option>
      <option value="3000">3000</option>
      <option value="4000">4000</option>

</select>

<select name="dropdown2" id="dropdown2">
      <option value="12">12</option>
      <option value="24">24</option>
      <option value="36">36</option>
      <option value="48">48</option>

</select>
我试图使用下拉列表的输出在页面的其他地方创建文本。例如,如果用户选择1000和24,我可以显示特定的输出。如果他们选择1000和36,内容将不同。根据上述下拉选项,将产生16个不同批次的输出

如果不使用数据库,我无法找到实现这一点的最简单方法。理想情况下,我只想使用内联代码

谢谢


Arron

以下是jquery解决方案:

$function{
var firstValue=$'dropdown'.val; var secondValue=$'dropdown2'.val; $'labelOne'.textfirstValue; $'labelTwo'.textsecondValue; $'total'.textfirstValue*secondValue; $'dropdown'。关于'change',函数{ firstValue=$'dropdown'.val; $'labelOne'.textfirstValue; $'total'.textfirstValue*secondValue; }; $'dropdown2'。关于'change',函数{ secondValue=$'dropdown2'.val; $'labelTwo'.textsecondValue; $'total'.textfirstValue*secondValue; }; }; 1000 2000 3000 4000 12 24 36 48 * =
可以将这两个值作为字符串添加在一起。并将16个案例放入switch语句中:

function getSpecificText(v1, v2) {
    var con = v1.toString() + v2.toString();
    var res = "";
    switch (con) {
        case "100012":
            res = "text1";
            break;
        case "100024":
            res = "text2";
            break;
        case "100036":
            res = "text3";
            break;
        case "100048":
            res = "text4";
            break;
        // ...
    }
    return res
}
获取两个选定值并将其放入上述函数中:

function getSelected() {
    var v1 = dd1.options[dd1.selectedIndex].value;
    var v2 = dd2.options[dd2.selectedIndex].value;
    output.innerHTML = getSpecificText(v1, v2);
}

如果不在数据库中,内容保存在哪里?我想我可以只写javascript和document。如果我能让这两个下拉菜单一起工作,写下内容?只有16个选项,所以我不想使用database route.object literal,其中键映射到下拉值,值是文本。一旦两者都被选中,调用一个函数,该函数访问对象映射并将文本连接在一起。我理解这一点,但我不希望输出文本仅仅显示下拉选择。我想用这两个下拉选项来调用结果。我认为你不是很清楚。如果不使用数据库检索结果,则只能使用JavaScript。我的建议是使用JavaScript对象来存储文本。但是要根据下拉值引用正确的文本,必须有一个链接。对象贴图的“键”将是下拉框的值。我不想乘以所选的数字下拉选项?我想使用两个下拉列表中的选项值,从16个不同的选项中选择一个文本字符串;创建可以用作文本的变量。使用firstValue作为字符串,并在可能性列表中查找匹配项。