[Jquery] Podstawianie wartośc w pole input - problem, działa tylko w jedną stronę..? Opcje

[marecki86]

Witam
Pewnie jest to proste jak drut ale potrzebuję pomocy.
Próbuję uzupełnić pole <input> wartością klikniętej komórki w tabeli. Poniżej kod

[HTML] pobierz, plaintext 
<script>
$(document).ready(function(){
      $('.komorka').click(function(){ 
           $('.komorka').css('background-color', '#F5F5F5'); $(this).css('background-color', '#40E0D0'); $(this).html($("#symbol1").val()); return true; });
           });       
</script>
 
[HTML] pobierz, plaintext 

Każda komórka tabeli jest

[HTML] pobierz, plaintext 
<td class="komorka"></td>
[HTML] pobierz, plaintext 

Oraz input:

[HTML] pobierz, plaintext 
<input type="text" id="symbol1" name="symbol1" value="'1111'"/>
[HTML] pobierz, plaintext 

W takiej postaci kolor się zmienia, wartość z input wskakuje w każdą komórkę. Ładnie - ale jak przerobić żeby to po kliknięciu w komórkę wartość komórki wskoczyła do pola input? Jeśli zrobię identycznie zamieniając współczynniki:

[HTML] pobierz, plaintext 
$("#symbol1").html($(this).val());
[HTML] pobierz, plaintext 

to nie działa prawidłowo - pole input robi się puste. Jak to obejść?

[gorden]

mi jakoś działa w prowizorycznej tabeli i Twoim kodem.. może pokaż strukturę tabeli, ewentualnie kod live?

[marecki86]

mi jakoś działa w prowizorycznej tabeli i Twoim kodem.. może pokaż strukturę tabeli, ewentualnie kod live?

CODE

$(document).ready(function(){
$('.komorka').click(function(){
$('#symbol1').val($(this).parent('tr').children('td').first().html());
$('.komorka').css('background-color', '#F5F5F5');
$(this).css('background-color', '#40E0D0');
return true; });
$("#dostawcy").click(function(){ $("#dostawca1").show();
});

<?php
$opis=$_POST['opis'];
require '../conn/connect.php';
$kar = mysql_query('show columns from kartoteka');
if ($opis){
$list=mysql_query("select * from kartoteka where opis like '$opis' ");
}
else{
$list=mysql_query("select * from kartoteka"); }
?>

<div id="wynik" style="background-color: #F5F5F5; width: auto; height: 250px; overflow: scroll;">
<table id="tabela1" border="1" style="empty-cells: show">
<tr>
<td>*</td>
<?php
$kar = mysql_query('show columns from kartoteka');
while ($kar2 = mysql_fetch_row($kar))
{
if ($kar2[0]=='dostawcy'){}
else { echo '<td>'.$kar2[0].'</td>';}}
echo '</tr>';
$max=mysql_num_fields($list);
while ($list2 = mysql_fetch_row($list))
{ echo '<tr>';
for ($i=0;$i<$max-1;$i++){ echo'<td class="komorka">'.$list2[$i].'</td>'; }
echo '</tr>';
} ?>
</table>
</div>


<div id="dostawca1" style="display: none"><input type="text" id="symbol1" name="symbol1" value=""/></div>

Tak to wygląda - wiem TROCHĘ to chaotyczne (IMG:style_emoticons/default/smile.gif) Mój zamiar jest taki że jak kliknę w obojętnie którą komórkę to żeby do input "symbol1" wskakiwała zawsze wartość z DRUGIEJ komórki danego wiersza. Wszelkie poprawki w tym moim "kodzie" dozwolone (IMG:style_emoticons/default/wink.gif) Będę wdzięczny za pomoc:)


Czy ktoś jest w stanie pomóc mi w tej kwestii...? (IMG:style_emoticons/default/sciana.gif)

Hej. Przerobiłem Twój kod na coś takiego:

CODE

$(#symbol1).val($(this).parent('tr').children('td:nth-child(1)').html())

i działa tak jak chciałem. Może komuś się przyda. Dzięki