Question

从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>

Json文件

{
"accList":[
    {
        "code":"1234",
        "branch":"Branch1"
    },
    {
        "code":"4321",
        "branch":"Branch2"
    },
    {
        "code":"1111",
        "branch":"Branch3"
    }
]
}

Answer 1

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函数内正确导航到您的JSON文件，如＃ref; ref / jsonData.json＆＃39;。也使用jquery 2。

Answer 2

在select元素上使用更改功能。

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

从变量中的json存储选择数据

2 个答案: