Отображение, выбранное из раскрывающегося списка в форме как readonly

У меня возникла ситуация, то есть я хотел, чтобы выбранные данные из раскрывающегося списка отображались внутри формы (типа текста) под ним и которые должны быть только для чтения. HTML/JavaScript). Я не могу это сделать, поскольку я являюсь пионером в этом. Надежные ответыОтображение, выбранное из раскрывающегося списка в форме как readonly

источник

2013-07-16 Messi L

Что вы сделали до сих пор? –

где ваш код? – FosterZ

Прежде всего, вам нужен список выбора, как показано ниже (обратите внимание на OnChange обработчик событий)

<select onchange="fillTextBox(this)" id='mySelectList'> 
    <option>A</option> 
    <option>B</option> 
    <option>C</option> 
    <option>D</option> 
</select>

Вам также необходимо текстовое поле (позволяет придать ему Id myTextBox)

<input value='' name='' id='myTextBox'></input>

Вам понадобится следующий скрипт для fillTextBox функции

function fillTextBox(obj) { 
    var sel = obj.value; 
    document.getElementById('myTextBox').value = sel; 
}

источник

2013-07-16 07:44:03

Для этого потребуется логика (сеансы) на стороне сервера или логика клиентской стороны ([cookies] (http://www.w3schools.com/js/js_cookies.asp)) –

Salaam bhai ,, Это может быть более жестким? Это моя первая страница, и мне сказали сделать такие вещи на странице моим работодателем .., поэтому мне, возможно, придется пойти с ним ??? –

Ниже представлен приблизительный эскиз не-jquery-метода динамического изменения одного окна формы с использованием ввода из выпадающего меню.

<!DOCTYPE html> 
<html> 
    <head> 
     <title></title> 
     <script type="text/javascript"> 
      function optionCallBack (arg) { 
       var currentOption = arg.options[arg.selectedIndex].text; 
       document.getElementById('changeForm').value = currentOption; 
      } 
     </script> 
    </head> 
    <body> 
     <select onclick="optionCallBack(this)" id='getForm'> 
      <option>asia</option> 
      <option>africa</option> 
      <option>america</option> 
      <option>europe</option> 
     </select> 
     <form> 
      <input value='europe' name='changeForm' id='changeForm'></input> 
     </form> 
    </body> 
</html>

источник

2013-07-16 07:29:23 gaara42

Спасибо, сэр. Теперь у меня есть еще один вопрос, т. Е. Если мы загрузим тот же URL-адрес после его выбора из выпадающего списка, поля снова меняются и переходят в начальное состояние, верно? Так есть ли решение для этого? это означает, что если я выберу африку, тогда она должна быть африкой –

Используете ли вы PHP? Если это так, вы можете добавить к скрипту 'optionCallBack()' следующее: '$ ('# getForm'). load ('cookieScript.php', {'options []': [currentOption]});' then in отдельный скрипт PHP собирает '$ _POST ['options']' в переменную (например, '$ options') и устанавливает cookie через' setcookie («страна», $ option, time() + 60 * 60 * 24 * 30, "/") '. Затем вы можете определить, какая стоимость будет иметь значение cookie ('define ('COUNTRY', $ _COOKIE ['country'])') в начале скрипта, а в html есть ' ', предполагая, что он внутри скрипта PHP. При необходимости я могу разработать отредактированный ответ. – gaara42

Отображение, выбранное из раскрывающегося списка в форме как readonly

ответ

Смежные вопросы