"selected"속성을 가진 옵션의 값을 가져와 현재 선택된 옵션과 비교하려고합니다. 선택한 속성 값을 얻는 방법
답변
function onChangeOption(opt) {
var update_value = opt.value;
console.log(update_value);
var selectedValue;// = '???'; // get selected attribute \t
// I think this is the one you want
//If you want to select the HTML element,
selectedValue=document.querySelector("option[value='"+update_value+"']");
console.log(selectedValue);
//
if (update_value != selectedValue) {
// Do some things
}
}
//onChangeOption(document.querySelector('form'));
function start(){
while(typeof document.querySelector('form')!=typeof {}){}
onChangeOption(document.querySelector('.form-control'));
}
<body onload="start()">
<select class="form-control" onchange="onChangeOption(this)">
<option selected="selected" value="1">1</option>
<!-- I wanna got this -->
<option value="2">2</option>
</select></body>
JavaScript 만 있고 실제로 다른 답변과 달리 'selected'속성을 확인합니다. 그것은 당신이 원한 것처럼 작동합니다. 선택 항목을 [변경되지 않기 때문에]'
그건 내가 뭘 찾고 있었는지, 내 실제 상황에 맞춰서 고마워. – alexis
@alexis - '
function onChangeOption(opt) {
var update_value = opt.value;
var selectedValue = '???'; // get selected attribute \t
if (update_value != selectedValue) {
// Do some things
}
}
<select class="form-control" onchange="onChangeOption(this)">
<!-- I wanna got the content of option selected=selected-->
<option selected="selected" value="1">1</option>
<option value="2">2</option>
</select>
selected
값과
changed
값 사이을 비교 한을 달성 할 수 listener.And
change
이벤트를 추가합니다. 당신이 나중에 어떻게 든 그들에 액세스하려면
values = []//creates an array
select = document.querySelector('#myselect');
values.unshift(select.value);
//console.log(values);
select.addEventListener('change',function(){
update_value = this.value;
console.log(this.value);
if (update_value != values[0]) {
// alert('Not matched');
console.log('Not matched');
}
else{
//alert('Matched');
console.log('Matched')
}
});
<select class="form-control" id="myselect">
<option selected="selected" value="1"> 1 </option>
<option value="2"> 2 </option>
</select>
그러면 'selected'속성은 무엇입니까? 나는 그것이 OP가 원하거나 가지지 않는 것이라면 이상이 없다. – user7393973
선택한 값이'change' 이벤트에 표시됩니다.'selected' 속성은 처음에 값을 선택하는 데 사용됩니다. –
당신은 항상 이전에 선택한 값을 저장할 수 : working example.
HTML :
<select id="mySelect" class="form-control" onchange="onChangeOption(this)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<p>Previous: <span id="prev"></span></p>
<p>Current: <span id="curr"></span></p>
JS :
var selectElem = document.getElementById("mySelect");
var prev = document.getElementById("prev");
var curr = document.getElementById("curr");
var allEverSelected = [ selectElem.value ];
selectElem.addEventListener("change", function(evt){
allEverSelected.push(this.value);
prev.innerHTML = allEverSelected[allEverSelected.length - 2];
curr.innerHTML = allEverSelected[allEverSelected.length - 1];
});
그냥 DOM로드 후 <select>
값을 얻을 기본 값에 액세스 할 수 있습니다. 의 선택 기본값 위
<select>
<option value="1">1</option>
<option selected value="2">2</option>
</select>
2.
// save initial selected value to a variable
var initSelected = $('.form-control option:selected').val();
$('select').on('change', function() {
// check if the selected value is the same as the initial one was
if(this.value == initSelected) {
console.log('same values');
} else {
console.log('not same values');
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="form-control">
<option selected="selected" value="1">1</option>
<option value="2">2</option>
</select>
I입니다 : 태그 만 존재 <option>
에 selected
속성 즉, 첫째 <option>
요소 <select>
내부의 기본 옵션 이외 만들려면 이것이 당신이 원하는 것라고 생각하십시오. 시도 해봐.
function onChangeOption(opt) {
var update_value = opt.value;
var options = document.getElementsByTagName("option");
if (options[0].getAttribute("selected")=="selected") {
var selectedValue = options[0].value;
} else {
var selectedValue = options[1].value;
}
if (update_value != selectedValue) {
// If the selected option's value is not equal to the value of the option with the attribute "selected", then do... (this way, you can change the attribute to any of the options!)
console.log(selectedValue);
}
}
<select class="form-control" onchange="onChangeOption(this)">
<option selected="selected" value="1">1</option>
<option value="2">2</option>
</select>
코멘트 결과와 경우에 당신은 무엇을해야
- 1. 선택한 목록 속성 값을 얻는 방법
- 2. 선택한 값을 얻는 방법
- 3. 속성 값을 얻는 방법
- 4. 목록에서 선택한 값을 얻는 방법
- 5. 선택한 항목 값을 얻는 방법?
- 6. 선택한 행의 값을 얻는 방법
- 7. 데이터베이스에서 선택한 값을 얻는 방법
- 8. 테이블에서 선택한 값을 얻는 방법
- 9. 선택한 목록 상자 항목의 속성 값을 얻는 방법
- 10. CSS 속성 값을 얻는 방법
- 11. prestashop : 속성 값을 얻는 방법
- 12. JDOM으로 속성 값을 얻는 방법
- 13. MemberExpression에서 속성 값을 얻는 방법
- 14. selected.js를 사용하여 dropdownlist에서 선택한 값을 얻는 방법
- 15. Symfony 엔티티 유형 - 선택한 값을 얻는 방법
- 16. 선택 상자에서 선택한 옵션의 값을 얻는 방법
- 17. 목록보기에서 선택한 항목의 값을 얻는 방법
- 18. RadComboBox에서 마지막으로 선택한 값을 얻는 방법
- 19. Android에서 TimePicker에서 선택한 am_pm 값을 얻는 방법
- 20. phpunit을 사용하여 선택한 옵션의 값을 얻는 방법
- 21. iframe에서 선택한 라디오 버튼의 값을 얻는 방법
- 22. 항목 선택기에서 선택한 값을 얻는 방법
- 23. 콤보 상자에서 선택한 항목 값을 얻는 방법
- 24. itemlist에서 선택한 항목의 값을 얻는 방법
- 25. cakephp를 사용하여 dropdownlist에서 선택한 값을 얻는 방법?
- 26. 두 항목이있는 스피너에서 선택한 값을 얻는 방법
- 27. RadToolBarDropDown에서 선택한 항목 값을 얻는 방법
- 28. jfxtreetableview에서 선택한 행의 값을 얻는 방법
- 29. ng-repeat에서 선택한 값을 얻는 방법
- 30. jquery datepicker로 선택한 날짜의 값을 얻는 방법
'opt.value'는 항상 * 선택된 * 옵션이 될 것이므로, 당신이 여기서하려고하는 것이 확실하지 않습니다. –
기본 선택 값을 얻는 방법은 알고 있지만 어떻게해야합니까? – alexis
@alexis를로드 할 때 저장하거나, 기본값 인 경우 선택의 첫 번째 옵션을 얻습니다. –