Делимся секретами создания сайтов

select and input

Подкскажите как реализовать такую вот чтуку:
есть такая форма

<select name=region>
<option>..</option>
<option>..</option>
.
.
<option>..</option>
</select>

<inpt type=text name=name1>
<inpt type=text name=name2>
<inpt type=text name=name3>

Как сделать чтобы при выборе в поле селект, значения в полях инпут появлялись автоматически. Для каждого значения селект, разные значения импут.

Ответы: 5 → “select and input”

  1. ДУмаю только через JS (AJAX) иначе без перезагрузки стр не как =)
    http://www.w3schools.com/ajax/default.asp

  2. Александр Усков Ответить

    <select onchange='myFunc'>

    в myFunc на яваскрипте пишете что хотите.

  3. Сергей Ееежык Ответить

    спасибо помогли, написал вот такю весч…

    <script>
    function myFunc(x1,x2,x3)
    {
    if (document.getElementById("main").value == "3")
    {
    document.getElementById("n1").value = x1
    document.getElementById("n2").value = x2
    document.getElementById("n3").value = x3
    }
    else
    {
    document.getElementById("n1").value = ""
    document.getElementById("n2").value = ""
    document.getElementById("n3").value = ""
    }

    }

    </script>

    <select name=select onchange='myFunc(1,2,3)' id=main>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    </select><br>
    <input type=text name=n1 id=n1><br>
    <input type=text name=n2 id=n2><br>
    <input type=text name=n3 id=n3><br>

    ———————————————

    Теперь думаю как брать данные из базы…

  4. Сергей Ееежык Ответить

    Подскажите почему не работает ели убрать переменные из функции, и поставить вместо них определенные значения

    <script>
    function myFunc
    {
    if (document.getElementById("main").value == "3")
    {
    document.getElementById("n1").value = "a"
    document.getElementById("n2").value = "a"
    document.getElementById("n3").value = "a"
    }
    else
    {
    document.getElementById("n1").value = ""
    document.getElementById("n2").value = ""
    document.getElementById("n3").value = ""
    }

    }

    </script>

    <select name=select onchange='myFunc' id=main>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    </select><br>
    <input type=text name=n1 id=n1><br>
    <input type=text name=n2 id=n2><br>
    <input type=text name=n3 id=n3><br>

  5. Сергей Ееежык Ответить

    все разобрался… забыл скобки ()

Ответить