Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   Замена формы на текстовое поле (https://javascript.ru/forum/library-toolkit-framework/35246-zamena-formy-na-tekstovoe-pole.html)

taxsin 04.02.2013 23:15

Замена формы на текстовое поле
 
Смысл таков- на странице имеется большое кол-во динамических полей для ввода данных.

ФИО: <INPUT TYPE="text" SIZE="20" name="lol"> //поле ввода
город: <INPUT TYPE="text">
<input type="button" value="Принять"> // кнопка для подтверждения смены поля на текст


Сам скрипт:
<script>
$(document).ready(function(){
$('input[type="text"]').dblclick(function(){
$(this).after($(this).val());
$(this).remove();
});

$('.sb').click(function(){
$('input[type="text"]').dblclick();
});
});
</script>

Очень прошу помочь с одной задачкой: данный скрипт заменяет форму на текст по 2-му клику по ней. мне же надо заменяnm формы по нажатию одной кнопки допустим <input type="button">. Заранее благодарю

taxsin 05.02.2013 09:37

ап

ksa 05.02.2013 10:05

Цитата:

Сообщение от taxsin
надо заменяnm формы по нажатию одной кнопки допустим <input type="button">

Оно?

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function(){
	$('input[type="button"]').click(function(){
		$('input[type="text"]').each(function(){
			$(this).after($(this).val()); 
			$(this).remove();
		});
	});
});
</script>
</head>
<body>
<form>
	<label>ФИО: <INPUT TYPE="text" SIZE="20" name="lol" /></label>
	<label>город: <INPUT TYPE="text" /></label>
	<input type="button" value="Принять">
</form>
</body>
</html>

taxsin 05.02.2013 11:07

А все разобрался!)вопрос закрыт) большое спасибо


Часовой пояс GMT +3, время: 06:30.