あなたが求めているのは...
ユーザーが に値を入力しinput
てリンクをクリックしたときに、入力した値をリンクの URL に追加するにはどうすればよいですか?
最初に、既存のコードのリンクからその値を削除します。コードの実行時には値がないため、そこでできることは何もありません。(壊れたリンクも修正する必要があります。コードには開始a
タグの残りの部分が欠けているようです。また&
、URL 自体の壊れた連結も修正します。)
<a href='actualizar_notas.php?asignatura="+asign+"&id_usuario="+id_user+"&id_alumno="+id_pupil+"'>agregar</a>
次に、そのリンクのクリック イベントを手動で処理します。リンクは動的に追加され、それぞれに独自の関連する があるため、ハンドラーで参照できるようにinput
リンクに を付けましょう。class
<a class="agregarLink" href='actualizar_notas.php?asignatura="+asign+"&id_usuario="+id_user+"&id_alumno="+id_pupil+"'>agregar</a>
それでは、ハンドラーを作成しましょう。
$('#tabla').on('click', 'a.agregarLink', function () {
// Get the calification value that the user has entered (if any)
// This should come from the input that's in the same table row as the clicked link
var calification = $(this).parent('tr').find('input[name="calification"]').val();
// Redirect the user as though they clicked on a link
window.location.href = $(this).attr('href') + '&calification=' + encodeURIComponent(calification);
// Just in case the browser is still going to try to process the link directly
return false;
});
そのリダイレクトは、入力された値を含む完全な URL になるはずです (もちろん、URL エンコードされています)。そのような:
actualizar_notas.php?asignatura=someValue&id_usuario=anotherValue&id_alumno=aThirdValue&calification=aUserEnteredValue