JSON 드롭 다운 목록 오류

사람이이 오류와 함께 나를 도울 수 있다면 나는 감사합니다 JSON 코드에

스피 newbi : 나는 자동차 모델 + 년도 + 보증금 + 가격을 가지고 을JSON 드롭 다운 목록 오류

때 연도를 선택보다 사용자가 첫 번째 클릭 모델 예금은 월간 금액을 지불합니다. 사전에

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
<title>Cars</title> 
<link href="css/cakeform.css" rel="stylesheet" type="text/css" /> 
<script> 
var prices = { 
'model' : 'Skoda' { 
'1' : { 
    '12300' : '959', 
    '13000' : '892', 
    '13500' : '844', 
    '19000' : '317' 
}, 
'2' : { 
    '12300' : '542', 
    '13000' : '504', 
    '13500' : '477', 
    '19000' : '179' 
}, 
'3' : { 
    '12300' : '403', 
    '13000' : '375', 
    '13500' : '355', 
    '19000' : '133' 
} 
}; 
    'Tiida' { 
'1' : { 
    '12300' : '955', 
    '13000' : '892', 
    '13500' : '844', 
    '19000' : '317' 
}, 
'2' : { 
    '12300' : '555', 
    '13000' : '504', 
    '13500' : '477', 
    '19000' : '179' 
}, 
'3' : { 
    '12300' : '455', 
    '13000' : '375', 
    '13500' : '355', 
    '19000' : '133' 
} 
}; 
}; 
    onload = function(){ 
var f = document.booklets; 
var model = f.model; 
var qtyEl = f.qty; 
var pagesEl = f.pages; 
var priceEl = document.getElementById('price'); 
f.qty.onchange = f.pages.onchange = f.model.onchange = function(){ 
    var qty = qtyEl[qtyEl.selectedIndex].value; 
    var model = modelEl[modelEl.selectedIndex].value; 
    var pages = pagesEl[pagesEl.selectedIndex].value 
    priceEl.innerHTML = prices[pages][qty][model]; 
}; 
f.qty.onchange();//initialise price field for whatever values are selected on page load 
}; 
</script> 
</head> 
<body> 

<fieldset> 
<legend>Cars</legend> 
<form name="booklets" method="" action=""> 
<div>Select Model: 
<select class="selectClass" name="model"> 
    <option value="Skoda">Skoda</option> 
    <option value="Tiida">Tiida</option> 
    <option value="Tyota">Toyota</option> 
</select> 
<div>Select Year: 
<select class="selectClass" name="pages"> 
    <option value="1">1 Year</option> 
    <option value="2">2 Years</option> 
    <option value="3">3 Years....</option> 
</select> 
<br><br>Select Deposit: 
<select class="selectClass" name="qty"> 
    <option value="12300">$12300</option> 
    <option value="13000">$13000</option> 
    <option value="13500">$13500</option> 
</select> 
    </div> 
    <div><br>Monthly Payment: <font color="blue" size=7>$ <span id="price"></span> </font>  </div> 
    </form> 
</fieldset> 
</body> 
</html>

감사 : 그 고정해야했다, 그래서

출처

2013-08-25 user1710911

귀하의 JSON이 유효하지 않습니다. 유효한 JSON의 경우 ' 대신 "을 사용해야하고 빗금과 괄호가 잘못되었는지 확인하려면 JSONLint과 같은 것을 사용해야합니다.

고정 JSON 변수 :

var prices = { 
    "Skoda": { 
     "1": { 
      "12300": "959", 
      "13000": "892", 
      "13500": "844", 
      "19000": "317" 
     }, 
     "2": { 
      "12300": "542", 
      "13000": "504", 
      "13500": "477", 
      "19000": "179" 
     }, 
     "3": { 
      "12300": "403", 
      "13000": "375", 
      "13500": "355", 
      "19000": "133" 
     } 
    }, 
    "Tiida": { 
     "1": { 
      "12300": "955", 
      "13000": "892", 
      "13500": "844", 
      "19000": "317" 
     }, 
     "2": { 
      "12300": "555", 
      "13000": "504", 
      "13500": "477", 
      "19000": "179" 
     }, 
     "3": { 
      "12300": "455", 
      "13000": "375", 
      "13500": "355", 
      "19000": "133" 
     } 
    } 
};

그런 다음 당신은 당신의 코드에 오타 또는 두 가지가 있고, 당신은 잘못 JSON 데이터에 액세스되었다. 구조의 계층 구조에 따라 액세스해야합니다. 여기에는 prices[model][pages][qty]을 의미합니다.

고정 onload 기능 :

window.onload = function() { 
    var f = document.booklets; 
    var modelEl = f.model; 
    var qtyEl = f.qty; 
    var pagesEl = f.pages; 
    var priceEl = document.getElementById('price'); 
    f.qty.onchange = f.pages.onchange = f.model.onchange = function() { 
     var qty = qtyEl[qtyEl.selectedIndex].value; 
     var model = modelEl[modelEl.selectedIndex].value; 
     var pages = pagesEl[pagesEl.selectedIndex].value; 
     priceEl.innerHTML = prices[model][pages][qty]; 
    }; 
    //initialise price field for whatever values are selected on page load 
    f.qty.onchange(); 
};

DEMO : http://jsfiddle.net/eGQr2/

출처

2013-08-25 09:24:06 Michal

놀라운 사람입니다. 고마워요. – user1710911

JSON 드롭 다운 목록 오류

답변

관련 문제