چاپ متن یا متغیر در فرم با جی کوئری [بایگانی]

hemathemat

جمعه 04 مهر 1393, 13:52 عصر

با سلام

من فرمی طراحی کردم و در این فرم وقتی لیست باکس تغیر میکنه با جی کوئری مقدار لیست باکس رو میگیرم و میخوام در صفحه فرم چاپ بشه ولی مشکل اینجاست که در یک صفحه دیگه چاپ میشه .در یک صفحه خالی که اثری از عناصر فرم نیست.من میخوام در همان صفحه فرم چاپ بشه

// JavaScript Document
$(document).ready(function(){
$('#list').change(function(){

var i=$('#list').val()
document.write(i);

})
});

لطفا راهنمایی کنید

Mori Bone

جمعه 04 مهر 1393, 14:16 عصر

شما یه sapn بذار اونجایی که میخوای متنت چاپ بشه البته با آیدی myText(یا هر چیز دگ). بعد به صورت زیر عمل کنید.

$(function() {
$('#list').change(function(){
var i = $('#list').val()
$('#myText').html(i); or $('#myText').text(i);
})
});

دستور document.write(i); تمام اجزای صفحه رو پاک میکنه و بعد متن رو چاپ میکنه. در واقغ متن رو روی اجزای صفحه رونویسی میکنه.

hemathemat

جمعه 04 مهر 1393, 15:40 عصر

شما یه sapn بذار اونجایی که میخوای متنت چاپ بشه البته با آیدی myText(یا هر چیز دگ). بعد به صورت زیر عمل کنید.

$(function() {
$('#list').change(function(){
var i = $('#list').val()
$('#myText').html(i); or $('#myText').text(i);
})
});

دستور document.write(i); تمام اجزای صفحه رو پاک میکنه و بعد متن رو چاپ میکنه. در واقغ متن رو روی اجزای صفحه رونویسی میکنه.

ممنون از راهنمایی شما.

یه سوال دیگه در این ارتباط دارم

من لیست باکسی که طراحی کردم چند گزینه رو به کاربر نشون میده مثلا کامپیوتر عمران برق و ... value هر option هم 1و2و.... حالا در جایی که چاپ میشه شماره ها چاپ میشن اگر بخوام هم value باشه و هم گزینه ای که کاربر انتخاب کرده رو در یک متغیر داشته باشم باید چکار کنم مثلا با انتخاب گزینه کامپیوتر هم عدد رو در یک متغیر داشته باشم و هم رشته کامپیوتر رو در یک متغیر داشته باشم

با تشکر.

Mori Bone

جمعه 04 مهر 1393, 15:42 عصر

$(this).text();

hemathemat

جمعه 04 مهر 1393, 15:49 عصر

$(this).text();

همانطور که فرمودید عمل کردم ولی همه گزینه ها با هم چاپ میشه مثلا وقتی گزینه یک رو انتخاب میکنم 1 چاپ میشه و در زیر آن متن همه گزینه ها هست

با تشکر

// JavaScript Document
$(document).ready(function(){
$('#list').change(function(){
// $('#select1').hide();
var i=$('#list').val()
//document.write(i);
var j =$(this).text()
$('#div1').html(i);
$('#div2').html(j)
})
});

hemathemat

جمعه 04 مهر 1393, 21:01 عصر

با سلام

از دوستان اگر کسی میتونه مشکل من رو حل کنه ممنون میشم راهنمایی کنن.

با این کد بالا شماره گزینه که کاربر انتخاب میکنه درست چاپ میشه ولی text همه گزینه ها چاپ میشه نه گزینه ای که کاربر انتخاب میکنه.

مثلا اگر چند گزینه داشته باشیم.( list box)

1.کامپیوتر
2.عمران
3.برق

وقتی کاربر یکی از گزینه ها رو انتخاب میکنه همه 3 گزینه رو چاپ میکنه

ممنون میشم راهنمایی کنید.

Mori Bone

جمعه 04 مهر 1393, 21:41 عصر

برو حالشو ببر. همین الان نوشتمش. تاریخ تولدش یه دقیقس:

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function() {
$("#mySelect").change(function() {
var itemtext = $(this).val();
var itemnumber = $('#mySelect option:selected').data('id');
$("#text").text(itemtext);
$("#number").text(itemnumber);
});
});
</script>
</head>
<body>
<select id="mySelect">
<option data-id="11" value="morteza">11 morteza</option>
<option data-id="12" value="hasan">12 hasan</option>
<option data-id="33" value="taghi">33 taghi</option>
<select>
<br />
text of select tag: <span id="text">morteza</span>
<br />
number of select's item: <span id="number">11</span>
</body>
</html>