Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 464
  • Last Modified:

How to get all the not selected value of multiple list box

Hi experts,
How to get all the not selected values of multiple list box.  For selected : elSel.options[k].selected

So, what the javascript for not selected values.
0
sitijaafar
Asked:
sitijaafar
  • 4
  • 3
  • 2
  • +1
1 Solution
 
Gurvinder Pal SinghCommented:
using javsacript, you can get all the values in select box which are unselected in a hidden field.
Then you can send those values (comma separated) to servlet after submitting them

try this code
<html>
<head>
<script type="text/javascript">
function unselectedOptions()
{
  var options = document.getElementById("mySelect").options;   
  var unSelectedVals = new Array();
  for ( var counter =0; counter < options.length; counter++ )
  {
     if ( !options[ counter ].checked )
     {
         unSelectedVals[ unSelectedVals.length ] = options[ counter ].value;
     }
  }
  alert(unSelectedVals.join(","));
}
</script>
</head>
<body>

<form>
<select id="mySelect" size="4" multiple>
	<option>Apple</option>
	<option>Pear</option>
	<option>Banana</option>
	<option>Orange</option>
</select>
<a href="javascript:unselectedOptions()">Show all Unselected options</a>
</form>
</body>
</html>

Open in new window

0
 
Dushyant SharmaCommented:
elSel.options[k].selected itself returns boolean.
so checking it for false will return all the not selected values.

you can check as
if (elSel.options[k].selected==false)
0
 
sitijaafarAuthor Commented:
I try your code, it display all the values even the selected one.
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
sitijaafarAuthor Commented:
so, here my code.
function removeCountrySelected()
{
  var elSel = document.getElementById("learnCountry1");
  var i; 
  var alrmsg;
  var country;
  var countries;
  i
  for (i = elSel.length - 1; i>=0; i--) {
    if (elSel.options[i].selected) {	  
      elSel.remove(i);
    }	
	
	 if (elSel.options[i].selected==false) {	  
        country=elSel.options[i].value;
		countries+=country;
    }	
	document.frm.learnCountry.value=countries;

  
}

Open in new window

0
 
Dushyant SharmaCommented:
try this
<script type="text/javascript">

var myselect=document.getElementById("sample")
for (var i=0; i<myselect.options.length; i++){
 if (myselect.options[i].selected==false){

  alert(i + "is not selected");
 }
}
</script>
0
 
Gurvinder Pal SinghCommented:
Sorry, i need to use the 'selected' method, not the 'checked'

replace that method with
function unselectedOptions()
{
  var options = document.getElementById("mySelect").options;  
  var unSelectedVals = new Array();
  for ( var counter =0; counter < options.length; counter++ )
  {
     if ( !options[ counter ].selected )
     {
         unSelectedVals[ unSelectedVals.length ] = options[ counter ].value;
     }
  }
  alert(unSelectedVals.join(","));
}
0
 
sitijaafarAuthor Commented:
yes, it work, I try to apply to my code.
0
 
sitijaafarAuthor Commented:
I apply the code but not succeed.  
function removeCountrySelected()
{
  var elSel = document.getElementById("learnCountry1");
  var i; 
  var alrmsg;
  var country;
  var countries;
  var unSelectedVals = new Array();
  for (i = elSel.length - 1; i>=0; i--) {
    if (elSel.options[i].selected) {	  
      elSel.remove(i);
    }	
	
	if ( !elSel.options[i].selected )
     {
         unSelectedVals[ unSelectedVals.length ] = elSel.options[i].value;
     }	
	
  
}
document.frm.learnCountry.value=unSelectedVals.join(",");


}

Open in new window

0
 
Michel PlungjanIT ExpertCommented:
This should work

function removeCountrySelected() {
  var elSel = document.getElementById("learnCountry1");
  var unSelectedVals = [];
  for (var i = elSel.length - 1; i>=0; i--) {
    if (elSel.options[i].selected) elSel.options[i].remove();
    else unSelectedVals[unSelectedVals.length] = elSel.options[i].value;
  }
  document.frm.learnCountry.value=(unSelectedVals.length >0)unSelectedVals.join(","):"";
}

Open in new window

0
 
Gurvinder Pal SinghCommented:
@sitijaafar: line 14-17 was not required, since once you have removed it from select box, it wont be accessible again,

Also remove line 21 now, since learnCountry select box now has only unselected value

0

Featured Post

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

  • 4
  • 3
  • 2
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now