Как изменить SelectedIndex

Question

У меня есть двумерный массив, например, var TZa = new Array("Pacific/Wallis;WFT-12", "Pacific/Wallis;WFT-12")

Первое значение помещается в <select id="stzone"><option></option></select>, второго значения (после запятой) помещается в <input type="text" id="timezone" >

старого кода, который работал правильно, как показано ниже:

function SelChng() { 
    Sel = document.getElementById("stzone"); 
    Inpt = document.getElementById("timezone"); 
    Inpt.disabled = !(Sel.value == "extended"); 
    Inpt.value = TZa[Sel.selectedIndex]; 
} 

Новый код, как показано ниже:

$(document).ready(function() { 
    var input = $("#timezone").attr("disabled", true); 
    $("#stzone").on("change", function() { 
     if ($(this).val() == "extended") { 
      input.attr("disabled", false); 
     } else { 
      input.attr("disabled", true); 
     } 
     input.val() = TZa[(this).selectedIndex]; 
    }); 
}); 

и не меняйте значение от input type="text" согласно массиву.

Пожалуйста, дайте некоторую идею для ремонта моего кода?

Answer 1

Чтобы сделать второй кусок кода работы, как первый кусок кода, я думаю, что ваш вопрос с JQuery:

input.val() = TZa[(this).selectedIndex]; 

Похоже, он должен быть:

input.val(TZa[this.selectedIndex]); 

Посмотрите, как установить значения с val() по адресу jQuery.

Answer 2

Вы говорите о «первом значении» и «втором значении», поэтому используйте это?

var TZa = [ 
    { area: "Pacific", location: "Wallis", wft: -12 }, 
    { area: "Pacific", location: "Wallis", wft: -12 } 
]; 

А потом ходить ваш массив Тза:

function buildMyData(data, index) { 
    // build new HTML elements with data.area, data.location and data.wft 
} 
TZa.forEach(buildMyData); 

Это не прямой ответ, но он собирается сделать все, что вы действительно делаете (и ваш вопрос очень неясно, на какой то есть), намного проще.