使用jQuery的JavaScript中的对象

Question

它没有显示来自对象的数据..

HTML：

<div class="form-data">
    <select name="option">
        <option value="0"></option>
        <option value="1">Name</option>
        <option value="2">Lastname</option>
        <option value="3">Age</option>
    </select>
</div>

<div id="output"></div>

这是HTML中的SELECT

JS：

var obj = {
        name: "Alex",
        lastname: "Strukov",
        age: "21"
    }

    $("select[name='option']").on("change", function() {
        var value = $("select[name='option']").val();
        switch (value) {
            case 1:
            $("div#output").text(obj["name"]);
            break;

            case 2:
            $("#output").text(obj["lastname"]);
            break;

            case 3:
            $("#output").text(obj["age"]);
            break;
        }
    });

例如：我想选择“Name”，让对象显示数据

Answer 1

将onchange处理程序添加到select＆amp;传递所选功能的值。 在您的情况下，对象没有名称1,2,3的键。因此$("select[name='option']").val();将无法通过对象

中的键检索任何值

var obj = {
  name: "Alex",
  lastname: "Strukov",
  age: "21"
}

function showValue(val) {
  $("#output").text(obj[val]);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select onchange="showValue(this.value)">
<option value ="name">Name</option>
<option value ="lastname">lastname</option>
<option value ="age">age</option>
</select>
<div id="output"></div>