Блог

Хм … этот вопрос может показаться глупым, надеюсь, вы все не возражаете…

Если у меня есть выпадающий список:

  <select name="myoption" onchange="document.textbox.value=this.value">
 <option value="1">A</option>
 <option value="2">B</option>
 <option value="3">C</option>
 </select>

 <input type="text" name="textbox" id="textbox">
  

Итак, теперь в текстовом поле будет отображаться то, что выбрано, но возможно ли отобразить A, B, C вместо 1,2,3?

На самом деле мне нужен выпадающий список, в котором будут отображаться 2 разных значения для 2 текстовых полей, например, если выбрано значение A, textbox1 отобразит «A», а textbox2 отобразит «1».

Я не знаю, возможно ли это, и я уже несколько раз пытался … может кто-нибудь дать мне несколько советов?

Заранее спасибо.

Да, это возможно. Я бы просто перенес весь javascript в отдельный файл, чтобы избежать смешивания разметки и скриптов.

Итак, сценарий:

 // subscribe for the DOM ready event to ensure that you 
// are manipulating the DOM only when it is loaded
window.onload = function() {
    // subscribe for the onchange event of the dropdown
    document.getElementById('myoption').onchange = function() {
        // fetch the text of the currently selected element
        var text = this.options[this.selectedIndex].innerHTML;

        // and assign it to the corresponding input
        document.getElementById('textbox').value = text;
    };
};
  

и разметка:

 <select name="myoption" id="myoption">
    <option value="1">A</option>
    <option value="2">B</option>
    <option value="3">C</option>
</select>

<input type="text" name="textbox" id="textbox" />
  

и живая демонстрация.