私のjsonデータは
{"person":
[
{"Name":"Name1",
"City":"1",
"PostCode":1234
},
{"Name":"Name2",
"City":"2",
"PostCode":12
}]
}
私のUIは、
<tbody id="container" data-bind="foreach: person">
<tr>
<td>
<input id="Name" style="width: 100px" type="text" data-bind="value:Name" class="dynamic" />
</td>
<td>
<select id="City" style="width: 100px" data-bind="value: City" class="dynamic" >
<option value="0">NY</option>
<option value="1">NJ</option>
<option value="2">CA</option>
</select>
</td>
<td>
<input id="PostCode" disabled="disabled" style="width: 100px" type="text" data-bind="value: PostCode, enable: City() == '0' || City() == '1'"" class="dynamic"/>
</td>
<select id="City" style="width: 100px" data-bind="value: County" class="dynamic" >
<option value="0">Test0</option>
<option value="1">Test1</option>
<option value="2">Test2</option>
</select>
</td>
</tr>
</tbody>
私のビューモデルは、
<script type="text/javascript">
var jsonData = {};
$.getJSON("test.json", function (data) {
jsonData = ko.mapping.fromJS(data);
ko.applyBindings(jsonData);
}
);
</script>
私がしなければならないことは、ドロップダウンのテキストを変更するときに、選択した都市に従って郡のドロップダウンを変更する必要があるということです。私のドロップダウンテキストは私の json からのものではありません。「購読」オプションを使用しようとしました。誰でも私を助けてくれますか?