Como preparar un json para este combomenu

[job2]

Saludos
Soy nuevo en el forum y necesito ayuda con un select menu.

La cuestion es que necesito preparar un archivo json, para cargar el contenido espesificando a cada item selecionado:

Ejemplo: si selecciono la opcion capitulo de un libro, extraer la informacion
desde un archivo json y motrarlo en un div.

codigo html:

Código HTML:

<form id="menu" name=menu>
                <select name=libros onchange=cambia_libros()>
                    <option value="0" selected>Seleccione...
                    <option value="1">G&eacute;nesis
                    <option value="2">&Eacute;xodo
                    <option value="3">Lev&iacute;tico
                    <option value="4">N&uacute;meros
                </select>
 
                <select name=capitulos onchange=cambia_capitulos()>
                    <option value="-">-
                </select>
            </form>
 
<div id="conteiner"></div>
 

este es el codigo jquery:

Código Javascript:

var capitulos_1=new Array("-","Item1","Item2","Item3","Item4","...")
var capitulos_2=new Array("-","Item1","Item2","Item3","Item4","...")
var capitulos_3=new Array("-","Item1","Item2","Item3","Item4","...")
var capitulos_4=new Array("-","Item1","Item2","Item3","Item4","...")
 
//función que cambia las provincias del select de provincias en función del país que se haya escogido en el select de país.
function cambia_libros(){
    //tomo el valor del select del libro elegido
    var libros
    libros = document.menu.libros[document.menu.libros.selectedIndex].value
    //miro a ver si el libro está definido
    if (libros != 0) {
        //si estaba definido, entonces coloco las opciones de los capitulos correspondiente.
        //selecciono el array de capitulos adecuado
        capitulos=eval("capitulos_" + libros)
        //calculo el numero de capitulos
        num_capitulos = capitulos.length
        //marco el número de capitulos en el select
        document.menu.capitulos.length = num_capitulos
        //para cada capitulos del array, la introduzco en el select
        for(i=0;i<num_capitulos;i++){
           document.menu.capitulos.options[i].value=capitulos[i]
           document.menu.capitulos.options[i].text=capitulos[i]
        }    
    }else{
        //si no había capitulos seleccionado, elimino los capitulos del select
        document.menu.capitulos.length = 1
        //coloco un guión en la única opción que he dejado
        document.menu.capitulos.options[0].value = "-"
        document.menu.capitulos.options[0].text = "-"
    }
    //marco como seleccionada la opción primera de capitulos
    document.menu.capitulos.options[0].selected = true
}
 
function cambia_capitulos() {
    var selectedCapitulo = document.menu.capitulos[document.menu.capitulos.selectedIndex].value
    var xhr = getXhr()
    if (!xhr) {
        return
    }
    
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            var data = xhr.responseText
            var parsedData = JSON.parse(data)
            var capitulosTexts = parsedData.capitulos
            var conteiner = document.getElementById("conteiner")
            conteiner.innerHTML = ""
            for (var capitulo in capitulosTexts) {
                if (capitulo == selectedCapitulo) {
                    conteiner.innerHTML = capitulosTexts[capitulo]
                    break
                }
            }
        }
    }
    
    var url = "your/url/to/json/file"
    xhr.open("POST", url, true)
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
    xhr.send()
}
 

Es pero y me puedan ayuda de antemano gracias.

[rgf1987]

hola,

los archivos Json representan documentos y puedes formarlos de muchas formas distintas, sin saber que datos exactos necesitas para tu aplicación es muy dificil que te podamos dar un ejemplo, pero para que entiendas como es la estructura, un documento que representa libros podría ser por ejemplo así:

Código JSON:

{
libros:{
              {
                          idLibro:"1",
                          titulo:"Titulo del libro",
                          autores:[" ", " ", " ", " " ],
                          editorial:"laquesea",
                          año:2003,
                          precio:25
               }
               {
                          idLibro:"2",
                          titulo:"El titulo",
                          autores:[" ", " ", " ", " " ],
                          editorial:"unamala",
                          año:2007,
                         precio:10
               }
       }
}
 

Como puedes ver se divide en documentos, en este caso dos libros distintos y cada documento tiene un conjunto de claves-valor, donde el valor puede ser cualquier tipo de dato, un array o incluso otro documento distinto.

Un saludo.