[Javascript] Hidden fields

viki1967 · #1 September 1st, 2008, 10:13 AM

[Javascript] Hidden field

Hello my friends.

This is a htm page that contains a form open in window popUp ( page daughter ).

This form insert a value in the one hidden field called "tec", in other form open in the page mother.

As you can see the select contains multiple attribute.

The problem is that by selecting more names from select tec form page daughter, in the hidden field called "tec" form page mother I have only the first name, for example:

I select value gabriele and giuseppe form page daughter, in the hidden field called "tec" form page mother I have only gabriele.

Why?
Can you help me ???

Expand|Select|Wrap|Line Numbers

 <script language="Javascript">
 
<!--
 
function insertf1(f1) {
 
   if ( FORM1.tec.value.length > 0 && FORM1.opr.value.length > 0 ) {

        window.opener.document.FORM1.tec.value=f1;

        alert("Dati correttamente salvati.");

        window.close();
 
    } else {
 
        alert("Dati obbligatori."); 

        FORM1.tec.focus(); 
 
   }
 
}
 
// -->

</script>

</head>
 
<body>
 
<form name="FORM1">
 
<select size="15" name="tec" multiple>
 
<option>Seleziona</option>

<option value="GABRIELE">GABRIELE</option>                   

<option value="GIUSEPPE">GIUSEPPE</option>

<option value="DOMENICO">DOMENICO</option>
 
</select> 
 
<select size="15" name="opr" multiple>

<option>Seleziona</option>

<option value="GIOVANNI">GIOVANNI/option>                   

<option value="GIACOMO">GIACOMO</option>

<option value="DOROTEO">DOROTEO</option>
 
</select>
 
<a href="javascript:insertf1(document.FORM1.tec.value+';'+document.FORM1.opr.value);">            

<img border="0" src="salva.gif" width="84" height="16">

This is the hidden field called "tec" form page mother:

Expand|Select|Wrap|Line Numbers

<INPUT TYPE="hidden" NAME="tec" VALUE="-;-">

acoder · #2 September 1st, 2008, 11:16 AM

For a multiple select element, you need to loop over the options and check which ones are selected.

viki1967 · #3 September 1st, 2008, 12:33 PM

Quote:

Originally Posted by acoder

For a multiple select element, you need to loop over the options and check which ones are selected.

Hi acoder, thanks x your reply.

I write this for your suggestion:

Expand|Select|Wrap|Line Numbers

     function options_value_selezionati_join(lista)

    {

        var s = "";

        for(var i = 0; i < lista.options.length; i++)
 
        {

            if(lista.options[i].selected) s += "-" + lista.options[i].value;  
 
        }
 
        return s.substr(1);
 
   }
 
...
 
            <a href="javascript:(options_value_selezionati_join(document.FORM1.tec)+';'+options_value_selezionati_join(document.FORM1.opr));">

The values of select it's correct.... but not open alert "OK" and not close window popup and not insert a value in the hidden field called "tec" in form open in the page mother.
.... :(

Can you help me?

acoder · #4 September 1st, 2008, 01:10 PM

All you've done is constructed a string without setting it to anything.

viki1967 · #5 September 1st, 2008, 01:23 PM

Quote:

Originally Posted by acoder

All you've done is constructed a string without setting it to anything.

Not working...

Expand|Select|Wrap|Line Numbers

 function options_value_selezionati_join(lista)

    {
 
        var s = "";

        for(var i = 0; i < lista.options.length; i++)
 
        {
 
            if(lista.options[i].selected) s += "-" + lista.options[i].value; 
 
        }        
 
                window.opener.document.options_value_selezionati_join(document.FORM1.tec)=lista;
 
   }
 
...
 
<a href="javascript:options_value_selezionati_join(document.FORM1.tec); window.close();">

acoder · #6 September 1st, 2008, 02:20 PM

Try:

Expand|Select|Wrap|Line Numbers

window.opener.document.FORM1.tec.value = s;

Can you see where you were going wrong?

viki1967 · #7 September 1st, 2008, 02:28 PM

Quote:

Originally Posted by acoder

Try:

Expand|Select|Wrap|Line Numbers

window.opener.document.FORM1.tec.value = s;

Can you see where you were going wrong?

Expand|Select|Wrap|Line Numbers

 function options_value_selezionati_join(lista)

    {
 
        var s = "";

        for(var i = 0; i < lista.options.length; i++)
 
        {
 
            if(lista.options[i].selected) s += "-" + lista.options[i].value;
 
          }                 

                window.opener.document.FORM1.tec.value = s;   

                alert("OK.");

                window.close();  
 
   }

thanks, working but:

Expand|Select|Wrap|Line Numbers

  
<a href="javascript:options_value_selezionati_join(document.FORM1.tec+';'+document.FORM1.opr);">

Response whit 'options.lengh' is null or not object... why?

acoder · #8 September 1st, 2008, 03:21 PM

The function is expecting a list/select object, not a string, so pass in one select reference.

viki1967 · #9 September 1st, 2008, 03:27 PM

Quote:

Originally Posted by acoder

The function is expecting a list/select object, not a string, so pass in one select reference.

I need pass this string:

<a href="javascript:options_value_selezionati_join(do cument.FORM1.tec+';'+document.FORM1.opr)">

Any idea?

acoder · #10 September 1st, 2008, 03:35 PM

Pass two lists instead of a string and then loop over both and concatenate the string inside the function.

viki1967 · #11 September 1st, 2008, 04:11 PM

Quote:

Originally Posted by acoder

Pass two lists instead of a string and then loop over both and concatenate the string inside the function.

thanks now working, this is solution:

Expand|Select|Wrap|Line Numbers

 <script language="Javascript">
 
<!--
 
    function options_value_selezionati_join(lista)

    {

        var s = "";

        for(var i = 0; i < lista.options.length; i++)

        {

            if(lista.options[i].selected) s += "," + lista.options[i].value;

        }

        return s.substr(1);

    }
 
function go()

{

    var s1 = options_value_selezionati_join(document.FORM1.tec)

    var s2 = options_value_selezionati_join(document.FORM1.opr);
 
    if(s1 == "" || s2 == "")

    {

        alert("Stop!");

        return;

    }
 
    var s = s1 + ";" + s2;
 
    if(window.opener && window.opener.document.FORM1.tec) window.opener.document.FORM1.tec.value = s;  

    alert("OK."); 

    window.close();

}    
 
// -->

</script>
 
...
 
<a href="#" onclick="go();return false;">

            <img border="0" src="save.gif" width="84" height="16"></a>

acoder · #12 September 1st, 2008, 04:36 PM

Yep, much better. Glad you got it working.

Popular Articles

What is Bytes?