Multi-Select List Box In Submission Form

[JayGuarnieri]

Hi, 

 

I'm using a submission form as a search form (auto submit with virtual fields) but cannot get the multi-select to work. The only reference I could find to it was here. 

 

http://forums.caspio.com/index.php/topic/3148-js-select-multiple-values-from-a-listbox-in-a-webform/?hl=%2Bselect+%2Bmultiple+%2Bvalues+%2Bfrom+%2Blistbox+%2Bwebform#entry9870

 

I've followed these simple instructions but still can't multi-select. Not sure where I can be going wrong.

 

Any help appreciated.

Thanks

[Jan]

Hi,

 

I hope, you can find the answer in this topic.

[Jan]

Hi,

 

Is it a simple List Box or a Cascading List Box?

If it is a Cascading List Box, ID becomes dynamic. You can use the script from this topic.

[JayGuarnieri]

Hi Jan,

 

it's just a simple list box. I'm assuming the problem must be because I'm using virtual fields? I'm also assuming the fieldname should be the virtual field name (although I've tried others).

[Jan]

Hi,

 

Yes, the Fieldname should be "cbParamVirtualX", where X is the number of your Virtual field.

There is the article, where rules for names are described.

[JayGuarnieri]

Cheers Jan. That's a useful link to bookmark. That solves half my problem  . Now how do I tell my results page to pick out either of the selected options?

[JayGuarnieri]

I think I have code blindness  . Can you spot anything obvious as to why the second parameter isn't returning any records even if a single selection is made? The first field works like a charm.

 

<script type="text/javascript">

   var fieldName1 = "cbParamVirtual1";

   var fieldName2 = "cbParamVirtual2";

   var x1=document.getElementsByName(fieldName1);

   var x2=document.getElementsByName(fieldName2);

  x1[0].multiple=true;

  x2[0].multiple=true;

   

function splitAndParse()

{

var result1 = "";

var result2 = "";

var cleanResult1 = "";

var cleanResult2 = "";

 

for (var i = 0; i < x1[0].length; i++) { 

if (x1[0].options.selected) { 

result1 += "\""+x1[0].options.value+"\"" + " OR " ; }} 

if (x1[0].length > 4) { cleanResult1 = result1.substring(0,(result1.length-4)); }

document.getElementById("cbParamVirtual7").value = cleanResult1;

 

for (var i = 0; i < x2[0].length; i++) { 

if (x2[0].options.selected) { 

result2 += "\""+x1[0].options.value+"\"" + " OR " ; }} 

if (x2[0].length > 4) { cleanResult2 = result2.substring(0,(result2.length-4)); }

document.getElementById("cbParamVirtual8").value = cleanResult2;

 

}

 

document.getElementById("caspioform").onsubmit=splitAndParse;

</script>

[JayGuarnieri]

Found my mistake.

[Jan]

Hi,

 

Maybe, here:

 

for (var i = 0; i < x2[0].length; i++) { 

if (x2[0].options.selected) { 

result2 += "\""+x1[0].options.value+"\"" + " OR " ; }} 

if (x2[0].length > 4) { cleanResult2 = result2.substring(0,(result2.length-4)); }

document.getElementById("cbParamVirtual8").value = cleanResult2;

 

Probably, should be x2

[Kurumi]

Hi - sharing this forum post if you would like to get the Display values in the listbox