آموزش های این وب سایت به صورت رایگان در دسترس است. اطلاعات بیشتر
مشکل عدم دسترسی خریداران پیشین به برخی آموزش ها برطرف شد
بروز خطا
   [message]
اشتراک در سوال
رای ها
[dataList]

اتصال یک باتن و ارسال عملکرد آن به یک سلکتور در php

MasterSPYware  8 سال پیش  8 سال پیش
0 0

سلام.

من چند تا button دارم.میخوام یک دستوری بنویسم که با کلیک روی هر button مقدار value سلکتور هم تغییر کنه.

این button هام

 <button type="button" class="btn btn-raised" dtype="radio" code="1" value="1">دکمه یک</button>
<button type="button" class="btn btn-raised" dtype="radio" code="2" value="2">دکمه دو</button>
<button type="button" class="btn btn-raised" dtype="radio" code="3" value="3">دکمه سه</button>
<button type="button" class="btn btn-raised" dtype="radio" code="4" value="4">دکمه چهار</button>

اینم سلکتور من

 <select name="selector">		
                	<option value="1">دکمه یک انتخاب شد</option>

  </select> 

من میخوام وقتی روی دکمه دو کلیک میکنم بصورت خودکار مقدار و تکست سلکتور به عدد 2 و جمله (دکمه دو انتخاب شد) تغییر پیدا کنه.بدون رفرش و ایجاد فرم اکشن

 برای این سوال 2 پاسخ وجود دارد.
پاسخ به سوال 
امین علیپور  8 سال پیش
+2 0

 <div id="btn">
<button type="button" class="btn btn-raised" dtype="radio" code="1" value="دکمه یک">دکمه یک</button>
<button type="button" class="btn btn-raised" dtype="radio" code="2" value="دکمه دو">دکمه دو</button>
<button type="button" class="btn btn-raised" dtype="radio" code="3" value="دکمه سه">دکمه سه</button>
<button type="button" class="btn btn-raised" dtype="radio" code="4" value="دکمه چهار">دکمه چهار</button>
<select name="selector">
<option id="option" value="1">دکمه</option>
</select>
</div>
<script>
$('#btn button').on('click',function () {
var value = this.value + " انتخاب شد";
$('#option').text(value);
});

</script>
پاسخ به سوال 
مرتضی  8 سال پیش
0 0

اگه سوالت رو درست متوجه شده باشم این کد کارت رو راه میندازه

 <button type="button" class="btn btn-raised" dtype="radio" code="1" value="1">دکمه یک</button>
<button type="button" class="btn btn-raised" dtype="radio" code="2" value="2">دکمه دو</button>
<button type="button" class="btn btn-raised" dtype="radio" code="3" value="3">دکمه سه</button>
<button type="button" class="btn btn-raised" dtype="radio" code="4" value="4">دکمه چهار</button>
<select id="selector">
</select>

<script>
$(".btn-raised").on("click",function(){
var val=$(this).val();
var text="دکمه ی "+ val +" کلیک شد";
$('#selector').append($('<option>', {
value:val ,
text: text
}));
$("select option:last").attr("selected","selected");


});
</script>

پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .