Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jQuery的JavaScript中的对象_Javascript_Jquery - Fatal编程技术网

使用jQuery的JavaScript中的对象

使用jQuery的JavaScript中的对象,javascript,jquery,Javascript,Jquery,它不显示来自对象的数据 HTML: 例如:我想选择Name,让对象显示数据将onchange处理程序添加到select并传递所选函数的值。 在您的情况下,对象没有名称为1、2、3的键。所以$select[name='option'].val;无法通过键从对象检索任何值 var obj={ 姓名:亚历克斯, 姓氏:斯特鲁科夫, 年龄:21 } 函数showValueval{ $output.textobj[val]; } 名称 姓氏 年龄 你好向我们展示您的HTML代码以帮助我们;选择中的值是什

它不显示来自对象的数据

HTML:


例如:我想选择Name,让对象显示数据

将onchange处理程序添加到select并传递所选函数的值。 在您的情况下,对象没有名称为1、2、3的键。所以$select[name='option'].val;无法通过键从对象检索任何值

var obj={ 姓名:亚历克斯, 姓氏:斯特鲁科夫, 年龄:21 } 函数showValueval{ $output.textobj[val]; } 名称 姓氏 年龄
你好向我们展示您的HTML代码以帮助我们;选择中的值是什么?你能创建一个新的代码看起来不错!HTML中可能有错误,因此输入或选择的值始终是字符串。switch使用==-样式的比较,所以您的案例永远不会匹配,因为它们是数字,而不是字符串。要么让它们成为字符串,要么解析值。val返回一个字符串,所以它需要是案例1:etcWorks!非常感谢。
<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>
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;
        }
    });