홈>
질문이 있습니다. 나는 무언가를 달성하고 싶지만, 불행히도 이것을 처리하는 방법을 모르겠습니다.
내 화면에서 sql db의 이름으로 드롭 다운 상자를 채 웁니다. 이제 드롭 다운에서 이름을 선택하자마자 최소 및 최대 값과 같은 다른 데이터가로드되기를 원합니다. 예를 들어 입력 필드에 제한을 부여하기 위해 이러한 값을 사용하고 싶습니다. 따라서 입력 필드가로드 된 값을 벗어나면 입력 필드가 빨간색으로 바뀝니다. 그러나 양식의 제출 버튼을 누르지 않고 이것을 사용하고 싶습니다.
이것이 가능합니까? 그렇다면 누군가 나를 도와 줄 수 있습니까?
선택 상자를 채우는 데 사용하는 코드는 다음과 같습니다.
<td>
<div class="controls">
<select name="prod" id="employee" onclick="updateBottomValue(this.value);" onchange="mys1()" style="width: 245px;">
<option value="" disabled selected="selected[]" multiple="multiple">Selecteer Product</option>
<?php
$pdo = Database::connect();
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$sql = "SELECT * FROM specsv1 where RActive = 'y' order by RNaam";
$q = $pdo->prepare($sql);
$q->execute(array($Id,$RNaam));
Database::disconnect();
while ($row = $q->fetch(PDO::FETCH_ASSOC)) {
echo "<option value='" . $row['Id'] . "'>" . $row['RNaam'] . "</option>";
}
?>
</select>
<?php if (!empty($ProductError)): ?>
<span class="help-inline"><?php echo $ProductError;?></span>
<?php endif; ?>
</div>
<span id="selectedValue"></span>
<input STYLE="width: 6em" name="rrss" type="text" id='rrss'>
</td>
선택한 이름을 가져와야하는 코드는 다음과 같습니다.
<script>
function updateBottomValue(selectedvalue) {
document.getElementById("selectedValue").innerHTML=selectedvalue;
document.getElementById('rrss').value = selectedvalue;
}
</script>
- 답변 # 1
- 답변 # 2
가능한가요? 물론. 그것에 대해 몇 가지 방법이 있습니다. 한 가지 쉬운 방법은 드롭 다운 값이 변경되는 즉시 jQuery를 사용하여 AJAX 호출을 시작하는 것입니다. AJAX는 PHP 스크립트를 호출하여 원하는 위치에 배치 할 HTML을 화면에서 다시 가져옵니다.
큰 주제이므로 정확한 답변을하기가 어렵지만 Google
jquery ajax dropdown onchange
그리고 당신은 당신이 갈 수 있도록 충분한 정보를 얻을 수 있어야합니다. 그들 중 하나는 다음과 같습니다 (많은 것들이 있습니다) : jQuery 드롭 다운 상자의 onchange 이벤트에서 아약스를 통해 양식 요소를로드합니다.
관련 자료
- oracle - 마지막 구분 기호 뒤의 문자열을 선택하는 SQL 쿼리
- Laravel Eloquent가 whereHas ()를 선택합니다
- excel - 마우스 롤오버 하이퍼 링크 후 셀 선택
- javascript - 옵션을 클릭 한 후 선택 상자에 CSS 스타일을 적용하는 방법은 무엇입니까?
- R이 str을 사용한 후 수정시 복사를 만드는 이유는 무엇입니까?
- laravel - 생성 후 편집하는 방법
- javascript - knex SELECT 후 배열 값에 액세스
- sql - 문자열의 알려진 부분 뒤에있는 모든 것을 선택하는 방법
- (java) 파일 변경 후 BufferedReader 업데이트 방법
- c - /configure --host = mingw32를 전달한 후 만드는 동안 Makefile이 충돌했습니다
- PHP 양식 유효성 검사 후 양식 입력 유형 선택 데이터가 지워지는 것을 중지하는 방법은 무엇입니까?
- javascript - jquery - n 번째 자식 이후의 모든 자식 요소를 선택하고 새 요소에 배치하는 방법은 무엇입니까?
- vue.js - Vue가 생성 된 메소드 후 DOM에서 select를 업데이트하지 않습니다
관련 질문
- javascript : 아약스로 인한 세션 충돌
- javascript : 부모 창에서 버튼을 트리거하거나 그 반대로 실행하는 iframe 버튼 클릭?
- javascript : 웹 페이지에서 JSON 값을 렌더링했으며 렌더링 된 JSON 값을 더하고 나누고 싶었습니다.
- javascript : 제출 버튼 후 PHP에서 세션 값이 손실되었습니다.
- javascript : 드롭 다운 선택 후 mysql 테이블에서 가져온 데이터로 둘 이상의 텍스트 상자를 채우는 방법
- javascript : 각 배열 요소의 첫 번째 단어를 굵게 표시
- javascript : YouTube 스크린 샷 찍는 방법
- javascript : Como redefinir o valor de uma váriavel sem refresh [PHP]
- JavaScript로 CSS style.display를 변경하는 방법
- javascript : 선택한 옵션으로 범위 텍스트 변경
그렇습니다.
아마도이 예제는 당신이 원하는 것에 대한 아약스, 당신의 요구에 맞게 자유롭게 수정해라.
tempurl
를 무시 DB의 가치에 따라 데이터를 선택하는 작업으로 변경 될 수 있습니다.