[jQuery/HTML] zmiana select box na input text.

[THI]

Witam,

Potrzebuje jakiegoś dobrego rozwiązania które zadziała w moim przypadku.

Mam tabelkę która generuje wiersze w takiej postaci:

<div style='width:1000px !important;'>
		<form class="ajax_update" action="test.php">
		<input type="hidden" name="id" value="145994"/>				
		<td>
		<select id="select_1" name="name_1" class="dodatkowe">
				 	<option value="1">tak</option>
				<option value="2">nie</option>
				<option value="-1">wpisz wartość</option>
			</select>

			</td>

			<td>
			<select id="select_2" name="name_2" class="dodatkowe">
				<option value="1">tak</option>
				<option value="2">nie</option>
				<option value="-1">wpisz wartość</option>
			</select>

			</td>

			<td>
			<input type="text" name="name_3" value="" size="20" class="dodatkowe" />
			</td>

			<td>
			<input type="text" name="name_4" size="20" class="dodatkowe" />
			</td>

			<td>
			<select id="select_3" name="name_5" class="dodatkowe">

				<option value="1">tak</option>
				<option value="2">nie</option>
				<option value="-1">wpisz wartość</option>
			</select>
			</td>

			<td>
			<input type="text" name="name_6" value="" size="20" class="dodatkowe" />	
			</td>

			<td><input type="submit" value="Zapisz" /></td>

		</form>
		</div>

znalazłem fajne rozwiązanie z jQuery;

Po kliknięciu na opcje z value='-1' select box się zamienia na input type=text, jednak gdy używam <TD> to przestaje to działać.

  <script type="text/javascript">
 $(document).ready(function(){
  $('form select').change(function(){
	  if(  $(this).val() == -1 ){
		   var inputName = $(this).attr( 'name' );

		   $(this).parent().append( '<input type="text" name="' + inputName + '" />' );
		   $(this).remove();
	  }
  });
 });
 </script>

Proszę o pomoc jakieś speca od jQuery

Testowałem wiele rozwiązań typu ("editable select box", "writable select box", "editable combo box") jednak na moim przykładzie te rozwiązania nie działały.

[aras1991]

Chyba Ci chodziło o coś takiego:

  <script type="text/javascript">
 $(document).ready(function(){
  $('form select').change(function(){
	  if(  $(this).val() == -1 ){
		   var inputName = $(this).attr( 'name' );

		   $(this).after( '<input type="text" name="' + inputName + '" />' );
		   $(this).remove();
	  }
  });
 });
 </script>