Jsonファイルからデータを取得するためにhtmlとjavascriptコードを書いています。私のhtmlコード:
<div class="section">
<div class="sectionTitle">
<h3>Configuration</h3>
</div>
<select name="selectDistribution" class="span12" onchange="callDist("value");"
onfocus="this.selectedIndex = -1;">
<option >Choose from distributions.</option>
<option value="1">Uniform</option>
<option value="2">Normal</option>
<option value="3">Exponential</option>
<option value="4">Geometric</option>
</select>
<div id="parameters"></div>
<div id="distributionParams"> </div>
<button class="btn btn-large btn-block btn-primary" type="button">Send</button>
</div>
ユーザーが 1 つのディストリビューションを選択する場合、パラメーターは選択の下に表示される必要があります。たとえば、ユーザーが均一分布の最小値と最大値を下に添付する必要があり、最初の最小値ラベルとその値をテキスト ボックスに表示したい場合、最大値のプロセスは同じです。
私の callDist() 関数 function callDist(type) {
$.getJSON('Dist.json', function(type){
var $container = $('#parameters').empty();
$.each(type.distributions, function(i, distributions) {
if(type==1){
$.each(distributions.type, function(key, value) {
$container.append(key + ': ' + value + '<br />');
}
//And so on...
});
$container.append('<hr />');
}
);
});
}
私の Dist.Json ファイルは以下のとおりです。
{
"distributions":[
{
"name":"Uniform",
"type":"1",
"parameters":[{ "minValue":"2" , "maxValue":"4" }],
},
{ "name":"Normal",
"type":"2",
"parameters":[{ "mean":"5" , "standartDeviation":"3" }],
},
{
"name":"Exponential",
"type":"3",
"parameters":[{"lamda":"2"}],
},
{
"name":"Geometric",
"type":"4",
"parameters":[{"probability":0.2}],
}
]
}
ユーザーが分布の 1 つを選択した直後にパラメーターを表示し、動的に作成されたラベルとテキスト ボックスにパラメーターを表示するにはどうすればよいでしょうか。ありがとう。