افزودن تکست باکس و محتوای آن به صورت خودکار بدون رفرش شدن صفحه [بایگانی]

sara.ghavam

دوشنبه 29 آذر 1395, 13:59 عصر

سلام دوستان گلم
من احتیاج دارم که یک سلکت آپشن (کمبو باکس) داشته باشم و در کنار او یک باتن قرار بدم (برای افزودن) و وقتی که یکی از گزینه های کمبو باکس رو انتخاب کردم، و روی باتن افزودن کلیک کردم، بدون اینکه صفحه رفرش بشه، یک تکست باکس اضافه بشه و اون گزینه توی تکست باکس نوشته بشه، و اگر مجددا این کار تکرار شد، بدون حذف شدن مقدار تکست باکس این گزینه هم به متن تکست باکس افزوده بشه و فقط با ویلگول از همدیگه جدا بشوند.

خیلی واجبه لطفا کمکم کنید

ممنونم

sara.ghavam

سه شنبه 30 آذر 1395, 13:36 عصر

سلام
راهش رو پیدا کردم

<html>
<head>
</head>
<script type="text/javascript">
function showdv(obj,id1,id2)
{
txt=obj.options[obj.selectedIndex].text;
document.getElementById("box").style.display='none';

if(txt.match(id1))
{
document.getElementById("box").style.display='block';
document.getElementById("boxx").value = document.getElementById("boxx").value +'+'+ txt
}
if(txt.match(id2))
{
document.getElementById("box").style.display='block';
document.getElementById("boxx").value=document.getElementById("boxx").value + '+' +txt
}
}
</script>
<body>
<thead>
<select id="opts" onchange="showdv(this,'علیکم','سلام');" >
<option value="">select</option>
<option value="one">سلام</option>
<option value="two">علیکم</option>
</select>
</thead>
<div id="box" style="display:none;">
<input Type="text" id="boxx" maxlength="50" >
</div>
</body>
</html>