입력 상자에 값을 입력하고 버튼을 클릭하면. 드롭 다운에 값이있는 경우 드롭 다운에서 입력 값을 확인하고 싶습니다. 해당 옵션을 제거하고 싶습니다. 그렇지 않으면 옵션에 입력 값을 추가하고 싶습니다.
HTML :
<input type="text" id="inputValue" />
<button id="myBtn" onclick="validate()">Click</button>
<select id="mySelect">
<option>Apple</option>
<option>Orange</option>
<option>Mango</option>
<option>Lemon</option>
</select>
JS :
function validate() {
var ipValue = document.getElementById('inputValue').value;
var select = document.getElementById('mySelect');
for(i=0;i<select.length;i++) {
if(select[i] == ipValue) {
ipValue.removeChild(select[i]);
}
else {
var option = document.createElement('option');
select.appendChild(option);
option.innerHTML = ipValue;
}
}
}
이것은 당신을 위해 그것을 할 것입니다.
무엇보다도 사용하는 옵션 값을 삭제하고 select.options.remove(index)
추가select.add(option)
function validate() {
var ipValue = document.getElementById('inputValue').value;
var select = document.getElementById('mySelect');
for(i=0;i<select.options.length;i++) {
if(select.options[i].text == ipValue) {
select.options.remove(i);
return;
}
}
if(ipValue.trim().length > 0) {
var option = document.createElement('option');
option.text = ipValue;
select.add(option)
}
}
<input type="text" id="inputValue" />
<button id="myBtn" onclick="validate()">Click</button>
<select id="mySelect">
<option>Apple</option>
<option>Orange</option>
<option>Mango</option>
<option>Lemon</option>
</select>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다