JavaScript

[DOntquIT]

HOw to count the selected items in dropdownlist using JavaScript?

[Steve Workings]

Re: JavaScript

I just googled a couple phrases like "javascript count options" and came up with a lot of good ideas. Do you have something you've tried and you're stuck?

It would probably help us answer you if we have a bit of context. Do you need to show or use the quantity somewhere somehow?

Another thought that occurs to me, if you can, is to use a table for the source of the options. Then you can use familiar A5 tools to get a record or query count. Again, context, context, context...

[DOntquIT]

Re: JavaScript

Yes i tried some code and stucked up there.
i have a multi select dropdownlist with list of cutomers.once the selection is done , in a text box i wanted to display how many items selected.

I can do this with alpha 'Dump' and 'count' method, but i cant use that because i need to display the selected items count once the selections are done,hence alpha dont have dropdown 'on select' event or textbox ' on focus ' event , i have no choice other than using java script i guess...

this is the code i wrote in a5w page...

<script>
window.onload = init;
function init()
{

var selcust = document.getElementById("txtcustno");
selcust.onfocus = countselected

}

function countselected()
{

alert("function called...")
var selOpts = document.getElementById("customer").options.length;
alert(selOpts)
}

im always gettin error message as 'object reqired' afetr alerting "function called"...

instead of dropdow i tested wth textbox

var selOpts = document.getElementById("txtname").value;
alert(selOpts)

this code displayin the name in txtname correctly...
so i feel the problem is on my dropdown syntax...

could anyone help to corrct my syntax?
Or anyother better way to count the selected items?

[Eavan Chambliss]

Re: JavaScript

I think the problem is that you are try to bind functions to events before they have been created - move the functions to a position in the code before the "window.onload = init".

Alternatively, if you have the "core.js" file linked to the page, you might try:

$e.add('customer','change',function(){
	var selNum = this.options.length;
	$svs('txtcustno',''+selNum)
});

I haven't actually tried this on my end, but I think it is what you want.

Eavan

[DOntquIT]

Re: JavaScript

Thanks eavan,

but the functions will be called only if the events occurs rite? so i dont find any reason to move my code before window.init() thats y i left it after init()...

add('customer','change',function(){
var selNum = this.options.length;
$svs('txtcustno',''+selNum)
});

Does the js will understand if i jus mention add('customer','change.....)?

[DOntquIT]

Re: JavaScript

<script>
window.onload = init;
function init()
{

var selcust = document.getElementById("txtcustno");
selcust.onfocus = countselected

}

function countselected()
{

alert("function called...")
var selOpts = document.getElementById("customer").options.length;
alert(selOpts)
}

Yes I got it.
i have looked at the actual source output in html view,there my control name customer is replaced with Hrmis_BUSINESST_customer

i used the below code to get it done...
function countselected()
{
var count = 0;
var MyCust = document.getElementById("Hrmis_BUSINESST_customer")
var selOpts = MyCust.options.length;
for(var i = selOpts - 1; i >= 0; i--) {
if ((MyCust.options[i]!= null) && (MyCust.options[i].selected == true))
{count = count + 1 }}
document.getElementById("txtcustno").value = count;
}