时间戳

首页 > 解决方案 > 无法从下拉菜单中的选定选项中获取数组（Javascript）

javascript - 无法从下拉菜单中的选定选项中获取数组（Javascript）

问题描述

当我在下拉菜单中选择一个选项时，我希望它能够显示它的价值。问题是每个可用选项的值都是来自 Flask 的值列表。例如：'{{ column1 }}' 的值 - 没有双引号 - “['abc', 'def', 'ghi']”。因此，当我选择一个选项时，它只返回列表的第一项。前任。（不带双引号）：“['abc'”。

是否有任何解决方法可以返回完整的值列表？

<script>
    function showOptions(s) {
    alert(s[s.selectedIndex].value);
    alert(s[s.selectedIndex].id);
    }
</script>

<select  onchange="showOptions(this)" id="my_select2">
    <option value={{ column1 }} id={{ column1 }}>{{ label_a1 }}</option>
    <option value={{ column2 }} id={{ column2 }}>{{ label_b1 }}</option>
</select>

标签： javascript

解决方案

你想改变每个value={{ column1 }} id={{ column1 }}环绕双引号{{ ... }}

从

value={{ column1 }} id={{ column1 }}

到

value="{{ column1 }}" id="{{ column1 }}"

否则，您的值将与 : 完全相同value=['abc', 'def', 'ghi']，这意味着value=['abc',（空格结束分配的值，因为没有双引号来分隔它们）

换言之，从

function showOptions(s) {
    alert(s[s.selectedIndex].value);
    alert(s[s.selectedIndex].id);
    }
<select  onchange="showOptions(this)" id="my_select2">
    <option value=['abc', 'def', 'ghi'] id=['abc', 'def', 'ghi']>{{ label_a1 }}</option>
<!--        ^-----------^------ This is your value attribute  -->
    <option value=['jkl', 'mno', 'pqr'] id=['jkl', 'mno', 'pqr']>{{ label_b1 }}</option>
</select>

到

function showOptions(s) {
    alert(s[s.selectedIndex].value);
    alert(s[s.selectedIndex].id);
    }
<select  onchange="showOptions(this)" id="my_select2">
    <option value="['abc', 'def', 'ghi']" id="['abc', 'def', 'ghi']">{{ label_a1 }}</option>
<!--        ^---------------------------^------ This is the value attribute you want -->
    <option value="['jkl', 'mno', 'pqr']" id="['jkl', 'mno', 'pqr']">{{ label_b1 }}</option>
</select>

推荐阅读