私のスクリプトは正常に動作していますが、選択するたびにドロップダウン3にオプションを追加する問題が追加されています。ユーザーがドロップダウン2でオプションを選択するたびにドロップダウン3をクリアする必要があります追加の代わりにhtmlを試しましたが、htmlはドロップダウン3から最初のオプションのみを呼び出しています?
<script>
$(document).ready(function() {
var kategorije;
$.ajax({
url : "kategorije.txt",
dataType: "text",
success : function (data) {
popuniKategorije(data);
}
});
function popuniKategorije(kategorije){
$.each(kategorije.split("\n").slice(0,-1), function(k, v){
$('#dropdown2').append($('<option></option>').attr('value', k).text(v));
});
}
</script>
<script>
$("#dropdown2").change(function(){
var selectedValue = $(this).find(":selected").val();
if (selectedValue == "0")
$(document).ready(function() {
var podKategorije;
$.ajax({
url : "pHardware.txt",
dataType: "text",
success : function (data) {
popuniPodKategorije(data);
}
});
function popuniPodKategorije(podKategorije){
$.each(podKategorije.split("\n").slice(0,-1), function(k, v){
$('#dropdown3').append($('<option></option>').attr('value', k).text(v));
});
}
});
else if (selectedValue == "1")
$(document).ready(function() {
var podKategorije;
$.ajax({
url : "pOperativniSistem.txt",
dataType: "text",
success : function (data) {
popuniPodKategorije(data);
}
});
function popuniPodKategorije(podKategorije){
$.each(podKategorije.split("\n").slice(0,-1), function(k, v){
$('#dropdown3').append($('<option></option>').attr('value', k).text(v));
});
}
});
else if (selectedValue == "2")
$(document).ready(function() {
var podKategorije;
$.ajax({
url : "pMail.txt",
dataType: "text",
success : function (data) {
popuniPodKategorije(data);
}
});
function popuniPodKategorije(podKategorije){
$.each(podKategorije.split("\n").slice(0,-1), function(k, v){
$('#dropdown3').append($('<option></option>').attr('value', k).text(v));
});
}
});
else if (selectedValue == "3")
$(document).ready(function() {
var podKategorije;
$.ajax({
url : "pBiAplikacija.txt",
dataType: "text",
success : function (data) {
popuniPodKategorije(data);
}
});
function popuniPodKategorije(podKategorije){
$.each(podKategorije.split("\n").slice(0,-1), function(k, v){
$('#dropdown3').append($('<option></option>').attr('value', k).text(v));
});
}
});
else if (selectedValue == "4")
$(document).ready(function() {
var podKategorije;
$.ajax({
url : "pKumunikacija.txt",
dataType: "text",
success : function (data) {
popuniPodKategorije(data);
}
});
function popuniPodKategorije(podKategorije){
$.each(podKategorije.split("\n").slice(0,-1), function(k, v){
$('#dropdown3').append($('<option></option>').attr('value', k).text(v));
});
}
});
else if (selectedValue == "5")
$(document).ready(function() {
var podKategorije;
$.ajax({
url : "pPristupSistemu.txt",
dataType: "text",
success : function (data) {
popuniPodKategorije(data);
}
});
function popuniPodKategorije(podKategorije){
$.each(podKategorije.split("\n").slice(0,-1), function(k, v){
$('#dropdown3').append($('<option></option>').attr('value', k).text(v));
});
}
});
});
</script>
</html>