رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
عنصر انتخاب شده در select option
#1
سـلام دوستان ، من به کدی نیاز دارم که  بدون ارسال صفحه به سمت سرور ( با جاوا اسکریپت ) عنصر انتخاب  شده  select option   رو درون  تگ td نمایش بده  ، لطف اگر خواستین مثال بزنید برای همینی گزینه هایی که نوشتم کد رو بزارین



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

پاسخ
تشکر شده توسط:
#2
1- باید مقدار select شده تگ select رو در بیارید در ابتدا(مثال اینجا با جی کوئری)

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

2- مقدار بالا رو با متود html داخل یک تگ td مشخص که داخلش یک تگ span با کلاس replaceme هستش بذارید
کد:
$('.replaceme').html('Whatever <b>HTML</b> you want here.');
پاسخ
تشکر شده توسط: بیتا_حکمت
#3
http://codepen.io/eagle-design/pen/eNLmar
پاسخ
تشکر شده توسط: بیتا_حکمت
#4
به این شکل نوشتم ، عمل نکرد ، ممکنه یه فایل 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>


پاسخ
تشکر شده توسط:
#5
با سلام و احترام؛ برای اینکه بتونید مقادیر یک کمبوباکس رو داخل یک جدول یا 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>
پاسخ
تشکر شده توسط: بیتا_حکمت
#6
با سلام و احترام؛ در مورد مثالی هم که از سایت http://codepen.io/eagle-design/pen/eNLmar  استفاده کردید برای اینکه کدتون کار کنه فقط کافیه قبل از تگ <script> خط زیر رو بگذارید کدی که گذاشتید کار خواهد کرد.

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

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




کاربران در حال بازدید این موضوع: 1 مهمان