Printable View
سلام ، من یک drop down list دارم که تعدادی آیتم با id مشخص در آن ثبت شده اند! و درکنارش تعدادی radio button دارم که id این radio ها با چند تا از id های drop down list برابر است!
حالا میخواهم با کلیک بر روی radio آیتم مربوط به آن در drop down list انتخاب شود (با jquery )!
از بین دوستان کسی میتونه منو راهنمایی کنه!؟
بفرمایید:
کد HTML:<html lang="fa">
<head>
</head>
<body>
<select name="select" id="select">
<option id="1">1</option>
<option id="2">2</option>
<option id="3">3</option>
<option id="4">4</option>
<option id="5">5</option>
<option id="6">6</option>
</select>
<input type="radio" id="1" name="r" />
<input type="radio" id="2" name="r" />
<input type="radio" id="3" name="r" />
<input type="radio" id="4" name="r" />
<input type="radio" id="5" name="r" />
<input type="radio" id="6" name="r" />
<script type="text/javascript" src="jquery.js"></script>
<script>
$('input:radio').change(function(){
var r_id=$(this).attr('id');
$('option[id="'+r_id+'"]').attr('selected', true);
});
</script>
</body>
</html>
آقا خیلی ممنون کارت عالی بود!نقل قول:
نوشته شده توسط 2undercover
یه مشکلی هست وقتی همه رو یکبار انتخاب میکنی بار دوم دیگه کار نمیکنه
من خودم امتحان کردم جواب داد ولی اگه مشکلی بود قبل از این قسمت:
$('option[id="'+r_id+'"]').attr('selected', true);
اینو اضافه کنید:
$('option').attr('selected', false);
سلام
مثال جالبی بود.
من در فرمی که دارم سه دکمه رادیویی دارم
الف) همه ب) گروه اول ج) گروه دوم
ابتدا که فرم بارگذاری می‌شود، دکمه رادیویی الف انتخاب شده است و Select موجود در صفحه، همه اطلاعات را از بانک اطلاعاتی فراخوانی کرده و نمایش می‌دهد.
حال می خواهم زمانی که کاربر دکمه ب یا ج را انتخاب کرد، به صورت ajax و jquery اطلاعات از بانک اطلاعاتی فراخوانی شده و دوباره Select من پر شود.
تشکر