PDA

View Full Version : سوال: انتخاب drop down list پس ازکلیک کردن radio button


yeksib
پنج شنبه 01 فروردین 1392, 19:32 عصر
سلام ، من یک drop down list دارم که تعدادی آیتم با id مشخص در آن ثبت شده اند! و درکنارش تعدادی radio button دارم که id این radio ها با چند تا از id های drop down list برابر است!
حالا میخواهم با کلیک بر روی radio آیتم مربوط به آن در drop down list انتخاب شود (با jquery )!
از بین دوستان کسی میتونه منو راهنمایی کنه!؟
2undercover
پنج شنبه 01 فروردین 1392, 20:38 عصر
بفرمایید:

<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>
yeksib
جمعه 02 فروردین 1392, 11:13 صبح
بفرمایید:

<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>

آقا خیلی ممنون کارت عالی بود!
engmmrj
جمعه 02 فروردین 1392, 13:24 عصر
یه مشکلی هست وقتی همه رو یکبار انتخاب میکنی بار دوم دیگه کار نمیکنه
2undercover
شنبه 03 فروردین 1392, 15:04 عصر
من خودم امتحان کردم جواب داد ولی اگه مشکلی بود قبل از این قسمت:

$('option[id="'+r_id+'"]').attr('selected', true);

اینو اضافه کنید:

$('option').attr('selected', false);
روح اله معینی زاده
جمعه 24 مرداد 1393, 00:42 صبح
سلام
مثال جالبی بود.
من در فرمی که دارم سه دکمه رادیویی دارم
الف) همه ب) گروه اول ج) گروه دوم
ابتدا که فرم بارگذاری می‌شود، دکمه رادیویی الف انتخاب شده است و Select موجود در صفحه، همه اطلاعات را از بانک اطلاعاتی فراخوانی کرده و نمایش می‌دهد.
حال می خواهم زمانی که کاربر دکمه ب یا ج را انتخاب کرد، به صورت ajax و jquery اطلاعات از بانک اطلاعاتی فراخوانی شده و دوباره Select من پر شود.
تشکر