Verwenden Sie JQUERY / JSON, um ausgewählte Dropdown-Felder automatisch auszufüllen

OK Ich habe viel Zeit damit verbracht, mir Beispiele anzuschauen, kann aber keine finden, die mir für meine Situation ausreichend hilft. Ich habe eine JSON-Datei, vereinfacht für dieses Beispiel:

{
 "Company":[
    {
        "Position": "Manager",
        "Name": {
                            "11": "joe",
                            "12": "bill",
                            "166": "John"
                            }
    },
{

        "Position": "Tech",
        "Name": {
                            "11": "Bob",
                            "12": "Cindy",
                            "166": "Karl"
                            }
    },
{

        "Position": "Sales",
        "Name": {
                            "11": "Sam",
                            "12": "Ron",
                            "166": "Sara"
                            }
    }
]}

Ich versuche 2 Auswahlfelder zu erstellen. Wenn der Benutzer das erste Feld mit den Positionen auswählt, wird das zweite automatisch mit den Attributen (Namen) gefüllt. Also hier ist, was ich bisher habe:

<select id="job"></select>
<select id="name"></select>

und der Code:

$select = $('#job');
$select2 = $('#name');

$.ajax({
    url: 'factors.json',
    dataType: 'JSON',
    success: function(data) {

        $select.html('');
        $.each(data.Company, function(key, val) {
            $select.append('<option id="' + key + '">' + val.Position + '</option>');



            $("#job").change(function() {
                $.each(val.Name, function(key2, val2) {
                    $select2.append('<option id="' + key2 + '">' + val2 + '</option>');
                })
            })
        })
    },
});​

Dieser Code füllt das zweite Feld automatisch mit ALLEN Namen an jeder Position aus. Ich kann nur nicht herausfinden, wie ich es mit den Namen der einzelnen Objekte füllen soll. Danke für jede Hilfe!

Antworten auf die Frage(2)

Ihre Antwort auf die Frage