제출 후 HTML 양식에서 드롭다운 선택 값을 어떻게 보존할 수 있습니까?

제출 후 양식 값 보존

HTML 양식으로 작업할 때 양식이 완료된 후 드롭다운 요소에서 선택한 값을 유지하는 것이 바람직한 경우가 많습니다. 제출된. 이는 이전에 선택한 옵션이 선택된 상태로 유지되므로 원활한 사용자 경험을 보장합니다.

구현

PHP에서는 WordPress를 사용하고 JavaScript를 사용하여 선택한 값을 검색할 수 있습니다. 양식의 쿼리 문자열 매개변수에서 가져옵니다.

다음 HTML을 고려하세요. 양식:

<form method="get" action="">
  <select name="name">
    <option value="a">a</option>
    <option value="b">b</option>
  </select>
  <select name="location">
    <option value="x">x</option>
    <option value="y">y</option>
  </select>
  <input type="submit" value="Submit" class="submit" />
</form>

JavaScript 솔루션

if-else 구조를 사용하지 않고 선택한 값을 자동으로 업데이트하려면 JavaScript를 사용할 수 있습니다.

<script type="text/javascript">
  document.getElementById('name').value = "<?php echo $_GET['name']; ?>";
  document.getElementById('location').value = "<?php echo $_GET['location']; ?>";
</script>

이 스크립트는 URL의 쿼리 문자열에서 선택한 값을 검색하고 이를 드롭다운에서 선택한 값으로 설정합니다.

이 방법을 사용하면 양식을 제출하고 페이지를 다시 로드한 후에도 선택한 옵션이 유지됩니다.

위 내용은 제출 후 HTML 양식에서 드롭다운 선택 값을 어떻게 보존할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!