나는 웹 개발을 처음 사용합니다. 선택 드롭 다운을 기반으로 텍스트 입력 유형을 채우는 방법을 알고 싶습니다. 지점을 선택 중이며 직원 번호가 텍스트 상자에 자동으로 입력되기를 원합니다. AJAX를 사용하여 완료 할 수 있습니까? 그렇다면 어떻게? MySQL 데이터베이스에서 직원 번호를 원합니다. 게다가 같은 MySQL 테이블에서 다른 텍스트 입력으로 도착 시간을 표시하고 싶습니다. 미리 감사드립니다. 입력 유형을 선택하여 텍스트 입력 유형을 채우는 방법은 무엇입니까?
-1
A
답변
0
예, 이것은 확실히 JQuery & Ajax로 수행 할 수 있습니다. 그래서 코드 당신은 아직도 당신이 작업하고있는 서버 측 언어와 데이터베이스를 기반으로 그의 URL과 행동을 만들 필요가
$(document).on("change","#dropDownSelector", function(){
var changedVal = $("#dropDownSelector").val();
$.ajax({
type: 'POST',
url: 'actionUrl', //logic for getting the data based on dropdown valur from db
data: {
"value": changedVal,
},
beforeSend:function(){
//Do something before request is sent like showing loading image
},
success:function (data){
//Success . Use the data and show it on ui
},
error: function(xhr, textStatus, errorThrown){
// failed request; give feedback to user
},
complete:function(){
//Do something after request is complete.
}
});
같이 보일 것입니다. 하지만 전반적으로 귀하의 자바 스크립트 코드를 따라야한다.
희망이 있습니다.
해피 러닝 :)
0
JavaScript로 직접 변환 할 수 있지만 jQuery의 변경 방법 (http://api.jquery.com/change/)을 고려할 수 있습니다. 메뉴가 변경되면 입력을 업데이트합니다.
$("#yourMenu").change(function() {
$.get("yourServerScript.php", {selectedID:$(this).val()}, function(data) {
$("yourInput").val(data);
});
});
0
PHP와 mysql 만 사용할 수 있습니다. 직원 숫자가 될 다음 텍스트 상자 채우기 위해 그것을 사용하도록 선택 상자의 제목을 확인하십시오
$result = $connection->query("SELECT * FROM tablename");
while ($row = $result->fetch_assoc()) {
echo "<option class='branch' title='$row[employee_number]' value = '$row[branch]'>$row[branch]</option>";
}
을 그리고 사용 jQuery를 : 텍스트 입력을 가정
$('.branch').change(function(event) {
$('#employee').val($(this).attr('title'));
}
는 id 속성에있다 가치로서의 '종업원'.
관련 문제
- 1. 입력 유형을 제한하는 방법
- 2. 입력 데이터 유형을 결정하는 방법은 무엇입니까?
- 3. 입력란의 입력 유형을 변경하는 방법은 무엇입니까?
- 4. ASP.NET MVC - Html.TextBoxFor 입력 유형을 생산 = "텍스트"
- 5. 동적으로 입력 유형을 변경하십시오.
- 6. 각도로 입력 유형을 변경하는 방법
- 7. 입력 텍스트 유형을 식별하는 모범 사례
- 8. 이벤트를 통해 입력 유형을 변경하십시오.
- 9. 스크롤바 입력 유형을 select2로 지정하십시오.
- 10. 입력 인터페이스의 구현 유형을 확인하십시오
- 11. 양식 입력 유형을 변경하는 방법
- 12. orientdb에서 입력 유형을 변경하는 방법
- 13. C++ - 올바른 입력 유형을 확인
- 14. "X123"과 같은 EditText 입력 유형을 설정하는 방법은 무엇입니까?
- 15. asp.net에서 Tab 키를 누를 때 입력 유형을 제한하는 방법은 무엇입니까?
- 16. url - 여러 입력 유형을 사용하여 양식 채우기
- 17. 입력 유형을 확인하고 입력 '비밀번호'입력란을 건너 뛰십시오. 저장을 클릭하십시오.
- 18. Rails datetime_select 도우미의 입력 유형을 수정하려면 어떻게해야합니까?
- 19. jQuery 입력 유형을 찾으십시오. (또한 선택을 위해)
- 20. 유형을 확인하는 방법은 무엇입니까?
- 21. 특정 클래스가있는 모든 요소를 반복하고 입력 유형을 찾는 방법은 무엇입니까?
- 22. 입력 문서 유형을 반환하는 색인을 만드는 방법은 무엇입니까?
- 23. angularjs의 변수를 기반으로 입력 유형을 설정하는 방법은 무엇입니까?
- 24. 입력 리디렉션을 통해 다른 데이터 유형을 입력하는 방법은 무엇입니까?
- 25. 사용자가 입력 한 값의 데이터 유형을 구문 분석하는 방법은 무엇입니까?
- 26. .NET에서 null 입력 가능 유형을 구현하는 방법은 무엇입니까?
- 27. C#에서 입력 (xls) 파일의 내용 유형을 확인하는 방법은 무엇입니까?
- 28. Symfony2를 사용하여 기존 양식의 입력 유형을 변경하는 방법은 무엇입니까?
- 29. JavaScript가 요소 입력 유형을 확인하십시오 onclick
- 30. Jquery : 입력 유형을 버튼에서 제출 버튼으로 변경하십시오.
지점이나 직원을 선택하고 그 사람의 전화 번호를 텍스트 입력에 표시 하시겠습니까? – blackmambo
할 수 있습니까? 네 아마도; 그러나 상황을 나타내는 정보가 없으면 어떻게 할 수 있는지 말하는 것은 불가능합니다. –
라이브 데모 http://jsfiddle.net/rajaadil/nafnR/2/ –