grabby
جمعه 09 تیر 1391, 23:49 عصر
سلام دوستان .
من یک کد رو دارم که کارش این هست که یک سلکت باکس درست میکنه و رو هر گزینه ای
که کلیک بشه زیرش که تو یه دیو هست همان تکست رو نشان میده
حالا من میخوهم به جایه این که تکت نمایش بده من یک کد html بزارم هر گزینه ای که کلیک شد
زیرش کد html مربوط رو نمایش بده ؟
این هم کد:
<!DOCTYPE html>
<html>
<head>
<style>
div { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<select name="sweets">
<option>Chocolate</option>
<option>Candy</option>
<option>Taffy</option>
<option>Caramel</option>
<option>Fudge</option>
<option>Cookie</option>
</select>
<div></div>
<script>
$("select").change(function () {
var str = "";
$("select option:selected").each(function () {
str += $(this).text() + " ";
});
$("div").text(str);
})
.change();
</script>
</body>
</html>
من یک کد رو دارم که کارش این هست که یک سلکت باکس درست میکنه و رو هر گزینه ای
که کلیک بشه زیرش که تو یه دیو هست همان تکست رو نشان میده
حالا من میخوهم به جایه این که تکت نمایش بده من یک کد html بزارم هر گزینه ای که کلیک شد
زیرش کد html مربوط رو نمایش بده ؟
این هم کد:
<!DOCTYPE html>
<html>
<head>
<style>
div { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<select name="sweets">
<option>Chocolate</option>
<option>Candy</option>
<option>Taffy</option>
<option>Caramel</option>
<option>Fudge</option>
<option>Cookie</option>
</select>
<div></div>
<script>
$("select").change(function () {
var str = "";
$("select option:selected").each(function () {
str += $(this).text() + " ";
});
$("div").text(str);
})
.change();
</script>
</body>
</html>