2
テキストフィールド内の値を取得したい。 textFieldはテーブル内の<td>の内部にあります。ボタンをクリックすると、テキストフィールドの中にあるテキストが必要になります。テーブルの中にあるタイプ=テキストの値を取得
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Bind Click Event to Dynamically added Elements</title>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#main').on("click", 'input[type="button"]', function() {
var customerId = $(this).parent().siblings('td:eq(2)').text();
$('#texti').text(customerId);
});
});
</script>
</head>
<body>
<button>Add new list item</button>
<p>Click the above button to dynamically add new list items. You can remove it later.</p>
<table id="main">
<tr>
<td>list item 1 </td>
<td><input type='text' name='textN' id='textN' value='asdf'/></td>
<td>list item 3 </td>
<td ><input type='button' value='Update' name ='updateBox' id='updateBox' /></td>
</tr>
<tr>
<td>list item 4</td>
<td><input type='text' name='textN' id='textN' value='asdf2'/></td>
<td>list item 6</td>
<td ><input type='button' value='Update' name ='updateBox' id='updateBox' /></td>
</tr>
<tr>
<td>list item 7</td>
<td><input type='text' name='textN' id='textN' value='asdf3'/></td>
<td>list item 9</td>
<td ><input type='button' value='Update' name ='updateBox' id='updateBox' /></td>
</tr>
</table>
<a name="texti" id="texti"> x </a>
</body>
</html>
これは私に空白の変数を与えます。直し方？
のIDの一意である必要があります。ここでは
は解決策があります。 –