Infinite Select Elements

هل علي أن أكون مصفوفة من الـ سيليكت إليمنتس

<select name="country[ ]" id="id_country[ ]" onChange="showCity(this.value)"  >
	 <option value="" selected="selected">select country </option>
	 </select>

إذا كونت مصفوفه بهذا الشكل

كيف أستطيع التمييز في الجافا سكرتب عن الأولى والثانية أوالثالثة أو الرابعة ....

:)

مبرمج بيت لم يستخدم مصفوفة على مايبدو

إممممممم

و سحبنا كود الـ JAVA SCRIPT لـ بيت :)

راح أتعلم منه الطريقة و لو أحد وده يقرأه هذا هو :)

دمتم بود

		
					<h4>Company Industry:</h4>
					<p><select name="jb_cat_list_1" id="id-jb_cat_list_1" onchange="java script:getMultiValues('jb_cat_list', '15','1');"   >
<option value="" selected="selected">- No preference -</option>
<option value="1" >Accounting/Auditing</option>
<option value="41" >Administration</option>

<option value="3" >Advertising</option>
<option value="4" >Agriculture/Forestry/Fishing</option>
</select>
		<span id="multi-jb_cat_list-select"></span><br />
		<a class="bullet blt-add"  id="add-jb_cat_list-select" href="java script:addSelect('jb_cat_list','15');" >Add Another</a>
		<input id="id-jb_cat_list" name="jb_cat_list" type="hidden" value="" />

/*
  * Added By Fadi Salameh (ft@bayt.net)
  * Multiple Select 
  */

 function addSelect( fieldName ,max ){
	 var numOfSelect = 1;
	 while ( $('#id-'+fieldName+'_'+numOfSelect).html() != null ) {numOfSelect++;}

	 if ( max >= numOfSelect ) {
		 BuildSelect( $('#id-'+fieldName+'_1').html() , fieldName , max , numOfSelect);
	 } else {
		 for ( var i = 1; i <= max; i++ ) {
			 var class_hide = $('#id-'+fieldName+'_'+i).attr('className');
			 if (class_hide == "hide" ) {
				 $('#id-'+fieldName+'_'+i).show();
				 $('#id-'+fieldName+'_'+i).attr('className','');
				 $('#rem-'+fieldName+'_'+i+'-select').show();
				 $('#rem-'+fieldName+'_'+i+'-select').attr('className','');
				 $('#add-'+fieldName+'-select').show();			
				 break
			 } 
		 }
		 for ( var i = 1; i <= max; i++ ) {
			 var class_hide = $('#id-'+fieldName+'_'+i).attr('className');
			 if ( class_hide == "hide" ) {
				 $('#add-'+fieldName+'-select').show();
				 break
			 } else {
				 $('#add-'+fieldName+'-select').hide();
			 }
		 }
	 }
 }

 function removeSelect( fieldName , i , max) {
	 var class_hide = $('#id-'+fieldName+'_'+i).attr('className');
	 if ( !class_hide  ) {
		 $('#id-'+fieldName+'_'+i).attr('className','hide');
		 $("select[name="+fieldName+"_"+i+"] option[value='']").attr("selected","selected");
		 $('#id-'+fieldName+'_'+i).hide();
		 $('#add-'+fieldName+'-select').show();
		 $('#rem-'+fieldName+'_'+i+'-select').attr('className','hide');
		 $('#rem-'+fieldName+'_'+i+'-select').hide();
	 }
	 for ( var i = max; i > 1; i-- ) {
		 var class_hide = $('#id-'+fieldName+'_'+i).attr('className');
		 if ( class_hide =="hide" ) {$('#add-'+fieldName+'-select').show();}
	 }
	 var numOfSelect = 1;
	 while ( $('#id-'+fieldName+'_'+numOfSelect).html() != null ) {numOfSelect++;}
	 if ( max != numOfSelect ) {$('#add-'+fieldName+'-select').show();}
	 getMultiValues (fieldName ,max ,numOfSelect)
 } 

 function getMultiValues (fieldName ,max , numOfSelect) {
	 var values = "";
	 for ( var i = 1; i <= max; i++ ) {
		 var class_hide = $('#id-'+fieldName+'_'+i).attr('className');
		 if ( (!class_hide || class_hide == 'req' ) && $('#id-'+fieldName+'_'+i).val() != '' && $('#id-'+fieldName+'_'+i).html() != null ) {
			 $('#id-'+fieldName+'_'+i).val();
			 values = values + $('#id-'+fieldName+'_'+i).val() + " ";
		 }
	 }
	 $("input[name="+fieldName+"]").val(values);
 }

 function BuildSelect( inhtml , fieldName , max , numOfSelect)
 {
	 var newSelectCoded = '<select onchange="java script:getMultiValues(\''+fieldName+'\', \''+max+'\',\''+numOfSelect+'\');" id="id-'+fieldName+'_'+numOfSelect+'" name="'+fieldName+'_'+numOfSelect+'">'+inhtml+'</select>';
	 var removeLink = ' <a id="rem-'+fieldName+'_'+numOfSelect+'-select" class="" href = "java script:removeSelect(\''+fieldName+'\',\''+numOfSelect+'\',\''+max+'\');" ><img src="/images/icons/blt-close.gif" alt="x" /></a>';
	 $('#multi-'+fieldName+'-select').before(newSelectCoded);
	 $('#multi-'+fieldName+'-select').before(removeLink);
	 $("select[name="+fieldName+"_"+numOfSelect+"] option[value='']").attr("selected","selected");
	 var numOfSelect = 1;
	 while ( $('#id-'+fieldName+'_'+numOfSelect).html() != null ) {
		 var class_hide = $('#id-'+fieldName+'_'+numOfSelect).attr('className');
		 if ( class_hide == "hide" ) {
			 $('#add-'+fieldName+'-select').show();
			 break
		 } else if (max == numOfSelect) {$('#add-'+fieldName+'-select').hide();}
		 numOfSelect++;
	 }
 }

 function clearMultiSelect( fieldName , max )
 {
	 var form_element = $('*[name='+fieldName+']');
	 var selected_values = $(form_element).val().split(" ")
	 for (i=2; i<= selected_values.length; i++) {
		 removeSelect( fieldName , i ,max);	
	 }
	 $("#id-"+fieldName+"_1 option:selected")[0].defaultSelected = false;
	 form_element.val("");
 }

</div>