작업중인 응용 프로그램의 경우 다른 필드의 입력을 사용하여 필드를 자동 완성하고 싶습니다. 내 양식에는 여러 쌍의 입력이 포함되어있어 특정 입력 필드 하나만 변경하는 문제가 발생합니다.
$(function () {
$(".master").change(function () {
word = $(this).val();
$(this).parents('tr').find(".slave").val(word);
});
});
양식에 추가 필드를 추가하기 위해 아래 스크립트가 사용됩니다.
$(document).ready(function() {
var max_fields = 1000; //maximum input boxes allowed
var wrapper = $(".input_fields_wrap"); //Fields wrapper
var add_button = $(".add_field_button"); //Add button ID
var x = 1; //initlal text box count
$(add_button).click(function(e){ //on add input button click
e.preventDefault();
if(x < max_fields){ //max input box allowed
x++; //text box increment
$(wrapper).append('<tr><td><div class="form-group"><input type="text" class="master" name="or['+x+']"></div></td><td> </td><td><div class="form-group"><input type="text" class="slave" name="tr['+x+']"></div></td></tr>'); //add input box
}
});
});
이것이 제가 사용하고있는 양식입니다. 이 양식의 100 개 행 중 하나입니다.
<form method="POST">
<table width="100%" class="input_fields_wrap">
<tr>
<td width="48%">
<div class="form-group">
<select id="original" name="original" class="form-control">
<option value="nederlands">Nederlands</option>
</select>
</div>
</td>
<td width="4%"></td>
<td width="48%">
<div class="form-group">
<select id="translated" name="translated" class="form-control">
<option value="frans">Frans</option>
</select>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-group"><input type="text" class="master" name="or[0]"></div>
</td>
<td> </td>
<td>
<div class="form-group"><input type="text" class="slave" name="tr[0]"></div>
</td>
</tr>
</table>
<button type="submit" id="save" class="btn btn-success pull-right">Opslaan</button>
</form>
명확하게하기 위해 동일한 행의 입력 값에 따라 "번역"입력 값을 변경하고 싶습니다. 내 양식에 행이 너무 많아서 동일한 테이블 행의 입력에 따라 특정 입력을 변경하는 방법을 모르겠습니다. 미리 감사드립니다!
여기에 ajax 전화를 꺼야했지만 도움이 필요하면 다시 알려주십시오.
나는 id 대신 클래스를 사용하여 HTML을 약간 변경했으며 이것은 관련 js입니다.
$(function () {
$("table").on('change', '.master', function () {
word = $(this).val();
$(this).parents('tr').find(".slave").val(word);
});
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다