Question

我已经创建了动态下拉列表，我想从所选选项中获取值。动态下拉菜单可以正常工作，但是我很难从选定的选项中获取价值。例如，我想从所选对象tpPrototype中获取avgDamage的值。

这里需要帮助

HTML：

`ERROR Error: "Uncaught (in promise): Error: Template parse errors: Parser Error: Got interpolation ({{}}) where expression was expected at column 0 in [{{action.function}}(user)]`

JavaScript：

<form name="myform" id="myForm">
    <p>tank 1</p>
    <div class="select">
        <select classname="optone" id="tankSel" size="1">
            <option value="" selected="selected">Tank Nation</option>
        </select>
    </div>
    <div class="select">
        <select name="opttwo" id="typeSel" size="1">
            <option value="" selected="selected">Tank Type</option>
        </select>
    </div>
    <div class="select">
        <select name="optthree" id="nameSel" size="1">
            <option value="" selected="selected">Tank Name</option>
        </select>
    </div>
</form>

Answer 1

这看起来像是question 1085801

的副本

基本上，一旦有了选择对象，就可以通过以下方式访问“值”属性：

var selectedValue = selectionObject.options[index].value;

或者您可以通过以下方式访问实际文本，例如初始HTML中的“坦克类型”：

var selectedText = selectionObject.options[index].text;

一旦有了这个，就应该能够使用该值/文本来访问“ tankObject”属性：

var selectedAvgDamage = tpPrototype[selectedText];

如何从动态下拉javascript（对象）获取值

1 个答案: