은 체크 박스를 클릭 할 때 동일한 ID "Wine_name"로 텍스트 상자에 선택 상자를 변경하는 것이 가능한지 궁금 동일한 ID

Question

있는 텍스트 상자에 박스를 선택

정말 위로를 흘려 주기도하지 언제 자바 스크립트에 관해서, 그래서 어떤 도움을 크게 주시면 감사하겠습니다.

사용자가 양식을 채울 때 선택 상자에 원하는 옵션이 없으면 텍스트를 수동으로 입력 할 수있는 확인란을 클릭하면됩니다. 필요.

Answer 1

음 .. 할 수 있습니다. 숨겨진 입력을 사용 중지해야만 양식이 제출 될 때 처리되지 않을 수도 있습니다.

코드를 살펴 보았습니다.

양식을 보내고 서버 측에서 결과를 처리하는 경우 'id'속성이 실제로 필요한지 잘 모르겠습니다. 제출 된 매개 변수의 이름을 'name' 속성. 조건부로 확인하려면 백엔드를 변경하지 않고보기 측면에서 다른 ID를 자유롭게 사용할 수 있습니다.

var checkbox = document.querySelector("#custom_value"); 
 
var select = document.querySelector("#selection"); 
 
var altSelect = document.querySelector("#selection_alt"); 
 

 
checkbox.addEventListener('change', function(event) { 
 
    select.classList.toggle('hidden'); 
 
    select.disabled = !select.disabled; 
 
    
 
    altSelect.classList.toggle('hidden'); 
 
    altSelect.disabled = !altSelect.disabled; 
 
});

.hidden { 
 
    display: none; 
 
}

<input type="checkbox" id="custom_value"> Alternative 
 

 
<br> 
 
<select id="selection" name="selection"> 
 
    <option value="1">1</option> 
 
    <option value="1">2</option> 
 
    <option value="1">3</option> 
 
    <option value="1">4</option> 
 
    <option value="1">5</option> 
 
</select> 
 

 
<input type="text" disabled class="hidden" name="selection" id="selection_alt" placeholder="Custom value..">