تالار گفتمان nCIS.ir

نسخه‌ی کامل: بروز کردن مقادیر عنصر select با ایجکس در jquery
شما در حال مشاهده نسخه آرشیو هستید. برای مشاهده نسخه کامل کلیک کنید.
سلام
من یه عنصر select دارم به این صورت:
<select>
  <option value="entekhab">entekhab</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
این مقادیر entekhab Saab Opel Audi را از دیتابیس میگیره و داخل عنصر select قرار میده.
من میخوام وقتی روی دکمه کلیک شد و مثلاً یکی از این مقادیر (برای مثال Saab) وقتی از دیتابیس حذف شد. به صورت زنده از داخل عنصر select هم حذف بشه . مثلاً نیازی نباشه من صفحه رو رفرش کنم. که این تغییر را ببینم.
من امدم برای این کار از متد load() در ایجکس در جی کوئری استفاده کردم. ولی خب وقتی این کار رو میکنم. اگه قبلاً مثلا opel را انتخاب کرده باشم. برمیگیرده به اولین انتخابم یعنی entekhab. که این موضوع باعث میشه کارم به مشکل بخوره.
شما پیشنهادی ندارید؟
متشکرم.
سلام
قبل از فراخوانی Load آیتم انتخاب شده رو بریز تو یه متغیر:
var selectedItem = $('#dropdownlist').find(":selected").val();
بعد از load آیتم انتخاب شده رو ست کن:
$("#dropdownlist option[value='" + selectedItem + "']").attr("selected", true");
من نمیدونم شما چطوری کار میکنید که مقدار متغییر از بین نمیره.
ببینید من اینطوری منظورم بود:
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script type="text/javascript" src="jquery.min.js"></script>
		<script type="text/javascript">
		$(document).ready(function() {
		 $('.se').load("load.php");	
			$("button").click(function(){
				$('.se').load("load.php");	
			});
		});
		</script>
	</head>
<body>
<div class="se"></div>
<button>کلیک</button>
</body>
</html>

load.php
	<select name="statusid" id="statusid2">
		<option selected>نوع دوخت</option>	
		<option value="1">گزینه ی یک</option>
		<option value="2">گزینه ی دو</option>
	</select>
چیکار بکنم؟
متشکرم.
(29-07-1394، 08:15 ب.ظ)محسن نوری نوشته: [ -> ]سلام
قبل از فراخوانی Load آیتم انتخاب شده رو بریز تو یه متغیر:
var selectedItem = $('#dropdownlist').find(":selected").val();
بعد از load آیتم انتخاب شده رو ست کن:
$("#dropdownlist option[value='" + selectedItem + "']").attr("selected", true");

علاوه براین
میشه عنصر انتخاب شده رو به عنوان پارامتر پاس داد که موقع برگشت عنصر موردنظر تو حالت انتخاب شده باشه


				 
<script type="text/javascript">
    $(document).ready(function() {
        $('.se').load("load.php");    
        $("button").click(function(){
			var se=$('#dropdownlist').find(":selected").val();
			$('.se').load("load.php?se="+se); 
		});
    });
</script>