PDA

View Full Version : تبدیل DIV به فیلد



tofan8
سه شنبه 21 تیر 1390, 11:01 صبح
سلام
دوستان یه کدی میخواستم که تو صفحه با کلیک بر روی یک لینک یا کلید یه DIV حذف و به یه فیلد تبدیل بشه ممنون

mehdi.mousavi
سه شنبه 21 تیر 1390, 14:26 عصر
سلام دوستان یه کدی میخواستم که تو صفحه با کلیک بر روی یک لینک یا کلید یه DIV حذف و به یه فیلد تبدیل بشه ممنون

سلام.
میتونید بدین شکل عمل کنید:

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$('a[href="#replace"]').click(function () {
$('#myDiv').replaceWith('<input type="text">');
return false;
});
});
</script>
</head>
<body>
<form id="myForm" action="temp.html">
<a href="#replace">Click me to replace the div element with an input field!</a>
<div id="myDiv">
whatever...
</div>
</form>
</body>
</html>