Login

06-26-2010, 07:45 AM

[eluser]il_dandi[/eluser]
Hi! In my view I've 2 fields

<tr>
<td align="right">commessa: </td>
<td>
<select name="idCommessa" id="idCommessa">
<option value=""></option>
<? foreach ($commesse->result() as $row):?>
<option value="<?=$row->id?>"<? if($idCommessa==$row->id) echo " selected" ?>><?=$row->titolo?></option>
<? endforeach?>
</select>
</td>
</tr>

<tr>
<td align="right">oggetto: </td>
<td><input name="oggetto" type="text" id="oggetto" size="40" maxlength="255" value="<?=$oggetto?>"></td>
</tr>

I would like to automatically load a value in "oggetto" input when I change the selected items in select field:

when I select a value in "idCommessa" I've to show in "oggetto" field the value: $row->titolo of commessa

Thanks

06-27-2010, 03:54 AM

[eluser]il_dandi[/eluser]
Please can you help me??

06-28-2010, 07:12 AM

[eluser]Georgi Budinov[/eluser]
Hello

You have to attach a function on the onchange event of the select element

onchange="onChangeSelection();"

If you use JQuery define the onChangeSelection function like this:

Code:
function onChangeSelection(){

     $('#oggetto').val($('#idCommessa option:selected').text());

}

If you do not use any js library use this:

Code:
function onChangeSelection(){

     var ogg = document.getElementById('oggetto');

     var sel = document.getElementById('idCommessa');

     var selectedIndex = sel.selectedIndex;

     ogg.value = sel.options[selectedIndex].text

}

Hope it is helpfull. Though I haven't tested it, but should be ok.

06-28-2010, 08:48 AM

[eluser]il_dandi[/eluser]
Thanks for your reply!!

I've do this:

<select name="idCommessa" id="idCommessa">
<option value=""></option>
<? foreach ($commesse->result() as $row):?>
<option value="<?=$row->id?>"<? if($idCommessa==$row->id) echo " selected" ?>><?=$row->titolo?></option>
<? endforeach?>
</select>

and in the same page (in my view) I've:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>aaaa</title>
[removed][removed]

[removed]
function onChangeSelection(){
$('#oggetto').val($('#idCommessa option Confused

elected').text());
}
[removed]

</head>

but it doesn't works.... where is it my error?

Thanks

06-28-2010, 09:11 AM

[eluser]Georgi Budinov[/eluser]
This is a fast working example:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

&lt;html&gt;

&lt;head&gt;

&lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;

&lt;title&gt;Insert title here&lt;/title&gt;

&lt;script type="text/javascript" src="jquery.js">&lt;/script>

&lt;/head&gt;

&lt;body&gt;

&lt;select id="tsts" onchange="onChangeSelection();">

<option value="0"></option>

<option value="1">1e</option>

<option value="2">2e</option>

<option value="3">3e</option>

</select>

&lt;input type="text" id="rsrs" name="rsrs" value="" /&gt;

&lt;script type="text/javascript">

function onChangeSelection(){

     $('#rsrs').val($('#tsts option:selected').text());

}

&lt;/script>

&lt;/body&gt;

&lt;/html&gt;

06-28-2010, 09:22 AM

[eluser]il_dandi[/eluser]
I've included this js

[removed][removed]

it's OK?

I still have the same problem

06-28-2010, 09:28 AM

[eluser]danmontgomery[/eluser]
If you're using jquery, why not go all the way?

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

&lt;html&gt;

&lt;head&gt;

&lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;

&lt;title&gt;Insert title here&lt;/title&gt;

&lt;script type="text/javascript" src="jquery.js">&lt;/script>

&lt;script type="text/javascript">

$(function() {

   $('#tsts').change( function() {

     $('#rsrs').val($(this).find('option:selected').text());

   });

});

&lt;/script>

&lt;/head&gt;

&lt;body&gt;

<select id="tsts">

<option value="0"></option>

<option value="1">1e</option>

<option value="2">2e</option>

<option value="3">3e</option>

</select>

&lt;input type="text" id="rsrs" name="rsrs" value="" /&gt;

&lt;/body&gt;

&lt;/html&gt;

06-28-2010, 09:37 AM

[eluser]Georgi Budinov[/eluser]
Yes you could do that too. I wrote my post as fast reply, but however generally I am trying not to use the onload event for processing stuff like that, when possible of course.

06-28-2010, 09:49 AM

[eluser]il_dandi[/eluser]
Now it works!!

with $(function() {

can you tell me the differences between your first solution?

thanks

06-28-2010, 09:52 AM

[eluser]il_dandi[/eluser]
Now that I've resolved this, I've also this prolem:

http://ellislab.com/forums/viewthread/159054/

I think that it's similar but I don't know how to resolve it

Thanks