Javascript 将json中的选择数据存储在变量中_Javascript_Json

Javascript 将json中的选择数据存储在变量中

javascript json

Javascript 将json中的选择数据存储在变量中,javascript,json,Javascript,Json,选择值从json文件中检索。我想知道如何仅检索分支的值并存储在变量中..有人能帮忙吗？这是因为我需要在另一个js文件中添加另一个功能，为此我需要从选择中检索分支值 Selection.html <!DOCTYPE html> <html> <head> <script src="js/jquery-1.7.1.min.js"></script> </head> <body> <table&g

选择值从json文件中检索。我想知道如何仅检索分支的值并存储在变量中..有人能帮忙吗？这是因为我需要在另一个js文件中添加另一个功能，为此我需要从选择中检索分支值

Selection.html

<!DOCTYPE html>

<html>

<head>
    <script src="js/jquery-1.7.1.min.js"></script>
</head> 
<body>
<table>
    <tr>
        <td>
            Acc Type
        </td>
        <td>
            <select id="accTypeSel"></select>
        </td>
    </tr>
</table>
<script>
    $.ajax({
        type:"GET",
        datatype:"json",
        async:true,
        url:'ref/jsonData.json',
        success:function(data){
            for (var i=0;i<data.accList.length;i++)
            {
                var $option=$('<option />');
                $option.attr('value',data.accList[i].code,data.accList[i].branch);
                $option.text(data.accList[i].code+" ("+data.accList[i].branch+")");
                $('#accTypeSel').append($option);
            }
        }
    });
</script>
</body>

</html>

HTML部分：

<table>
<tr>
    <td>
        Acc Type
    </td>
    <td>
        <select id="accTypeSel">
            <option value=""> </option>
        </select>
    </td>
</tr>

将脚本替换为以下内容：

<script>
$(document).ready(function(){
$.getJSON( "jsonData.json", function(data) {
    $.each( data.accList, function() {
        $('#accTypeSel').append("<option value='"+ this.branch +"'>"+ this.branch+" </option>" ) ;
    });
}); 
});
</script>

在getJSON函数中以“ref/jsonData.JSON”的形式正确导航到JSON文件。还可以使用jquery2。

在select元素上使用change函数

<script>
$(document).ready(function(){
    $("#accTypeSel").change(function(){
        var selected = $(this).val();
    });
});
</script>

如何将其存储在变量中？在$内。您可以看到的每个函数都有一个变量：this.branch this.branch包含json文件中的分支。您可以通过以下方式将其存储到变量中：var yourVariable=this.branch；$。每个data.accList，函数{var variable=this.branch；}；为什么代码只显示分支？代码在哪里？data.accList包含分支和代码。如果需要代码，则必须使用此代码。代码：如何在变量中添加值？选择的是变量。

<script>
$(document).ready(function(){
    $("#accTypeSel").change(function(){
        var selected = $(this).val();
    });
});
</script>