ورود

View Full Version : سوال: جمع چند input و چاپ ان در span



padidehco
شنبه 23 شهریور 1392, 18:27 عصر
سلام دوستان
من چند تا input دارم که می خوام به ترتیب با هم چمع بخورند و در span زیر چاپ بشه


0 <input style="width:30px" name="mob-hamahangh1" id="mob-h1" type="text"size="1"placeholder="xxx" maxlength="3"> -
<input style="width:30px" name="mob-hamahangh2" id="mob-h2" type="text"size="1"placeholder="xxx" maxlength="3"> -
<input style="width:35px" name="mob-hamahangh3" id="mob-h3" type="text"size="1"placeholder="xxxx" maxlength="4">

<div class="space">
<label>تلفن همراه:</label>
<span id="printMobile"></span>
</div>


//تلفن همراه
$("#xxxxxx").keyup(function () {
var value = $(this).val();
$("#printMobile").text(value);
}).keyup();

darkcms
یک شنبه 24 شهریور 1392, 11:13 صبح
با سلام و درود.
بفرمایید :

<!doctype html>
<html dir="ltr">
<head>
<meta charset="utf-8">
<title>Send Your Number!</title>
<style>
* {font-family:Tahoma;}
</style>
</head>
<body>
<center>
0
<input style="width:30px" name="mob-hamahangh1" id="mob-h1" type="text" size="1" placeholder="xxx" maxlength="3"> -
<input style="width:30px" name="mob-hamahangh2" id="mob-h2" type="text" size="1" placeholder="xxx" maxlength="3"> -
<input style="width:35px" name="mob-hamahangh3" id="mob-h3" type="text" size="1" placeholder="xxxx" maxlength="4">
<div class="space" dir="rtl">
<label>تلفن همراه:</label>
<span id="printMobile"></span>
</div>
</center>
<script>
setInterval(function(){
document.getElementById("printMobile").innerHTML = 0 + document.getElementById("mob-h1").value + document.getElementById("mob-h2").value + document.getElementById("mob-h3").value
}, 0)
</script>
</body>
</html>
به امید فردایی بهتر!:لبخندساده: