ورود

بیتا_حکمت

سـلام دوستان ، من به کدی نیاز دارم که بدون ارسال صفحه به سمت سرور ( با جاوا اسکریپت ) عنصر انتخاب شده select option رو درون تگ td نمایش بده ، لطف اگر خواستین مثال بزنید برای همینی گزینه هایی که نوشتم کد رو بزارین


<select>
<option>iran </option>
<option>usa</option>
<option>uk</option>
</select>

php · 29-04-1394، 09:13 ب.ظ

1- باید مقدار select شده تگ select رو در بیارید در ابتدا(مثال اینجا با جی کوئری)

var Name = $('#select_ID').find(":selected").text();

2- مقدار بالا رو با متود html داخل یک تگ td مشخص که داخلش یک تگ span با کلاس replaceme هستش بذارید

$('.replaceme').html('Whatever <b>HTML</b> you want here.');

eagle-design.ir · 30-04-1394، 12:35 ق.ظ

http://codepen.io/eagle-design/pen/eNLmar

بیتا_حکمت · 30-04-1394، 03:34 ب.ظ

به این شکل نوشتم ، عمل نکرد ، ممکنه یه فایل Html بهم بدین که این کد داخلش عمل کنه ، من تا حالا یه بارم با جاوا اسکریپت جی کوئری کار نکردم( یه مثال ساده و کامل ببینم ، می تونم بقیه اشو خودم پله پله یاد بگیرم )

، اگر ممکنه همین کد رو که نوشتین Html اشو برام اپ کنین .




<select>
<option>iran </option>
<option>usa</option>
<option>uk</option>
</select>

<table>
    <tr>
        <td>my field</td>
        <td class='response'></td>
    </tr>
</table>


<script>

  $(function(){
    $('select').change(function(){
        $('.response').html(this.value)
    })
    $('.response').html( $('select').val())
})

</script>

minoo · 30-04-1394، 03:53 ب.ظ

با سلام و احترام؛ برای اینکه بتونید مقادیر یک کمبوباکس رو داخل یک جدول یا div بریزید می تونید از کد زیر استفاده کنید. در صورتی که مقصودتون رو درست بنده متوجه شده باشم. فقط فراموش نکنید که کتابخانه jquery رو حتماً توی صفحه تون بگذارید. (البته من اینجا آدرس کتابخانه jquery رو از آدرس سایت خودش دادم که اگه توی فایل html کپی کنید می توید جوابتون رو ببینید.

موفق و موید باشید

<html>
   <head>
       <script src="http://code.jquery.com/jquery-1.11.3.min.js" type="text/javascript"></script>

       <script>
           $(function () {
               $('#sel').change(function () {
                   var str = $('#sel').val();
                   $('#addSel').append(str + " - ");
               }
               );
           });
       </script>

   </head>
   <body>
       <select id="sel">
           <option>iran </option>
           <option>usa</option>
           <option>uk</option>
       </select>

       <div id="addSel"></div>

   </body>
</html>

minoo

با سلام و احترام؛ برای اینکه بتونید مقادیر یک کمبوباکس رو داخل یک جدول یا div بریزید می تونید از کد زیر استفاده کنید. در صورتی که مقصودتون رو درست بنده متوجه شده باشم. فقط فراموش نکنید که کتابخانه jquery رو حتماً توی صفحه تون بگذارید. (البته من اینجا آدرس کتابخانه jquery رو از آدرس سایت خودش دادم که اگه توی فایل html کپی کنید می تونید جوابتون رو ببینید.

موفق و موید باشید

<html>
    <head>
       <script src="http://code.jquery.com/jquery-1.11.3.min.js" type="text/javascript"></script>

       <script>
           $(function () {
               $('#sel').change(function () {
                   var str = $('#sel').val();
                   $('#addSel').append(str + " - ");
               }
               );
           });
       </script>

   </head>
   <body>
       <select id="sel">
           <option>iran </option>
           <option>usa</option>
           <option>uk</option>
       </select>

       <div id="addSel"></div>

   </body>
</html>

minoo · 30-04-1394، 07:27 ب.ظ

با سلام و احترام؛ در مورد مثالی هم که از سایت http://codepen.io/eagle-design/pen/eNLmar استفاده کردید برای اینکه کدتون کار کنه فقط کافیه قبل از تگ <script> خط زیر رو بگذارید کدی که گذاشتید کار خواهد کرد.

<script src="url=http://code.jquery.com/jquery-1.11.3.min.js]http://code.jquery.com/jquery-1.11.3.min.js" type="text/javascript"></script>

در نظر داشتید باشید که هر وقت خواستید از توابع jquery در کارهاتون استفاده کنید ابتدا باید کتابخانه اصلی اون رو به صفحه تون اضافه کنید.

ورود
نام‌کاربری
رمزعبور:	فراموشی رمزعبور
	مرا به‌خاطر بسپار.