Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.01.2017, 10:31
Аспирант
Отправить личное сообщение для INSIDER73 Посмотреть профиль Найти все сообщения от INSIDER73
 
Регистрация: 12.01.2017
Сообщений: 48

Как переделать селект в инпут?
Ребят,в общем есть форма с селектом,в зависимости от выбранного селекта подставляются поля,нужно сделать тоже самое только с инпутами.
C помощью данного скрипта https://jsfiddle.net/1aj70xu7/ передаю с инпута на селект,но почему то при выборе из ипутов в селекте выбираются значения,но поля не подставляются форма на сайте myim.codabra.tech внизу "Регистрация в каталоге" пароль codabra логин demo
Изображения:
Тип файла: png фыв.PNG (1.6 Кб, 0 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 25.01.2017, 10:57
Аспирант
Отправить личное сообщение для INSIDER73 Посмотреть профиль Найти все сообщения от INSIDER73
 
Регистрация: 12.01.2017
Сообщений: 48

Вот код
<div class="modal fade" id="modalRegister" tabindex="-1" role="dialog" aria-labelledby="modalAnswer">
    <div class="modal-dialog modal-dialog__bordered" role="document">
        <div class="modal-content modal-content">
            <div class="modal-body">
                <button type="button" class="modal-close" data-dismiss="modal" aria-label="Закрыть"><span aria-hidden="true">×</span></button>
                <form class="form jq-register-form" method="post" action="?send=Y">
                    <h3 class="form_heading heading">Регистрация</h3>
                    <div class="form_row">
                        <label class="form_label">Категория:</label>
                        <select class="field2" name="category">
                        	<option>Клиника</option>
                        	<option value="2">Частный врач</option>
                        </select>
                    </div>
                    <div class="jq-content">
	                    <div class="form_row">
							<input class="field" type="text" placeholder="Название клиники" name="name" required>
	                    </div>
						<div class="form_row">

	                        <textarea class="field field__textarea" placeholder="Описание" name="description"></textarea>
	                    </div>
	                    <div class="form_row">
	                        <input class="field" type="email" placeholder="Электронная почта" name="email" required>
	                    </div>
	                    <div class="form_row">

							<input class="field" placeholder="Регион:" type="text" name="region">
	                    </div>
	                    <div class="form_row">
	                        <div id="reCaptcha1"></div>
	                    </div>
                   </div>
                    <button class="main-btn" type="submit" name="register_submit" value="Y"><span class="icon icon-forum"></span> Отправить</button>
                </form>
            </div>
        </div>
    </div>
</div>
<script>
$('.field2').before('<ul class="list"></ul>');
$('.field2 option').each(function() {
	$('.list').append('<li><label><input type="radio" value="'+$(this).val()+'" name="group">'+$(this).text()+'</label></li>');
});
$('input[name="group"]').change(function() {
	$('.field2').val($(this).val());
});

</script>
<script type="text/javascript">
	$('.jq-register-form').on('change', '[name="category"]', function(){
		if ($(this).val() == 2) {
			$('.jq-register-form .jq-content').html(
				'<div class="form_row">'+
                    '<label class="form_label">Ф.И.О.: <span style="color: red;">*</span></label>' +
                    '<input class="field" type="text" name="name" required>' +
                '</div>' +
				'<div class="form_row">'+
                    '<label class="form_label">Профессия: <span style="color: red;">*</span></label>' +
                    '<input class="field" type="text" name="job" required>' +
                '</div>' +
				'<div class="form_row">' +
                    '<label class="form_label">Опыт: <span style="color: red;">*</span></label>' +
                    '<textarea class="field field__textarea" name="exp" require></textarea>' +
                '</div>' +
				'<div class="form_row">' +
                    '<label class="form_label">Специализация: <span style="color: red;">*</span></label>' +
                    '<textarea class="field field__textarea" name="spec" require></textarea>' +
                '</div>' +
				'<div class="form_row">' +
                    '<label class="form_label">Адрес клиники: <span style="color: red;">*</span></label>' +
                    '<textarea class="field field__textarea" name="address" require></textarea>' +
                '</div>' +
                '<div class="form_row">' +
                    '<label class="form_label">Ваш e-mail: <span style="color: red;">*</span></label>' +
                    '<input class="field" type="email" name="email" required>' +
                '</div>' +
                '<div class="form_row">'+
                    '<label class="form_label">Телефон (для связи администрации сайта с врачом, не публикуется на сайте): </label>' +
                    '<input class="field" type="text" name="phone">' +
                '</div>' +
                '<div class="form_row">' +
                    '<label class="form_label">Регион:</label>' +
                    '<input class="field" type="text" name="region">' +
                '</div>' +
                '<div class="form_row">' +
                    '<label class="form_label">Дополнительная информация: </label>' +
                    '<textarea class="field field__textarea" name="opt"></textarea>' +
                '</div>'
			);
		}
		else {
			$('.jq-register-form .jq-content').html(
				'<div class="form_row">'+
                    '<label class="form_label">Название: <span style="color: red;">*</span></label>' +
                    '<input class="field" type="text" name="name" required>' +
                '</div>' +
				'<div class="form_row">' +
                    '<label class="form_label">Описание: <span style="color: red;">*</span></label>' +
                    '<textarea class="field field__textarea" name="description"></textarea>' +
                '</div>' +
                '<div class="form_row">' +
                    '<label class="form_label">Ваш e-mail: <span style="color: red;">*</span></label>' +
                    '<input class="field" type="email" name="email" required>' +
                '</div>' +
                '<div class="form_row">' +
                    '<label class="form_label">Регион:</label>' +
                    '<input class="field" type="text" name="region">' +
                '</div>'
			);
		}
	});
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 25.01.2017, 11:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от INSIDER73
пароль codabra логин demo
не пускает
Ответить с цитированием
  #4 (permalink)  
Старый 25.01.2017, 11:17
Аспирант
Отправить личное сообщение для INSIDER73 Посмотреть профиль Найти все сообщения от INSIDER73
 
Регистрация: 12.01.2017
Сообщений: 48

Сообщение от рони Посмотреть сообщение
не пускает
в ручную введите codabra demo ,мне кажется нужно просто фокус передать с инпута на селект?
Ответить с цитированием
  #5 (permalink)  
Старый 25.01.2017, 11:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

INSIDER73,
строка 46
$('.field2').val($(this).val()).trigger('change');
Ответить с цитированием
  #6 (permalink)  
Старый 25.01.2017, 11:18
Аспирант
Отправить личное сообщение для INSIDER73 Посмотреть профиль Найти все сообщения от INSIDER73
 
Регистрация: 12.01.2017
Сообщений: 48

Сообщение от рони Посмотреть сообщение
INSIDER73,
строка 46
$('.field2').val($(this).val()).trigger('change');
что не так?
Ответить с цитированием
  #7 (permalink)  
Старый 25.01.2017, 11:20
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от INSIDER73
что не так?
что не понятно? добавить то чего у вас нет
Ответить с цитированием
  #8 (permalink)  
Старый 25.01.2017, 11:22
Аспирант
Отправить личное сообщение для INSIDER73 Посмотреть профиль Найти все сообщения от INSIDER73
 
Регистрация: 12.01.2017
Сообщений: 48

Сообщение от рони Посмотреть сообщение
что не понятно? добавить то чего у вас нет
сорян затупил,спасибо)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как проверить, что есть поле селект у товара borus Общие вопросы Javascript 12 23.04.2014 22:14
как разложить массив при выводе в селект imediasun1 Элементы интерфейса 11 09.03.2014 17:51
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 14:25
Как сделать как в JQ? faforty Общие вопросы Javascript 8 14.11.2011 01:35