나는 2 select boxes
. 내가해야 할 일은 : 1st select option
내가 활성화 2nd select options
하기로 선택한 다음 옵션을 선택하면 ol li
목록에 자동으로 광고하고 해당 옵션을 비활성화합니다. 내가 클릭하면 li
는 li
사라와 두 번째 선택 상자에 옵션이 활성화되어야한다.
<div class="styleSelect">
<select class="units" id="select">
<option value="1">Sve ponude</option>
<option value="2">1</option>
<option value="3">2</option>
</select>
</div>
<div class="styleSelect">
<select class="units" id="change">
<option value="1" disabled="disabled" selected="selected">Sve ponude</option>
<option value="2">1</option>
<option value="3">2</option>
</select>
</div>
<div>
<ol>
</ol>
</div>
jquery :
function getText(){
$('#change').on('change',function(){
$(".value_change").prop('value', 'Potvrdi');
$("#close").css('display', 'none');
conceptName ='<li>' + $('#change').find(":selected").text() + ' ( ' + $('#select').find(":selected").text() + ' ) <a class="speclist-remove"></a></li>';
$('ol').append(conceptName);
$('#change').on('change',function(){
if($(this).val()){
$(this).prop("disabled",true);
}
});
$(".speclist-remove").on("click", function(){
$(this).closest("li").remove();
alert($(this).closest("li").text());
});
});
}
정확하지 않은지 확실하지 않은 경우 다음 예제 사용을 시도하십시오.
HTML
<div class="styleSelect">
<select class="units" id="select">
<option value="1">Sve ponude</option>
<option value="2">1</option>
<option value="3">2</option>
</select>
</div>
<div class="styleSelect">
<select class="units" id="change">
<option value="1" disabled="disabled" selected="selected">Sve ponude</option>
<option value="2">1</option>
<option value="3">2</option>
</select>
</div>
<div>
<ol></ol>
</div>
JS
$(document).on('change', '#select', function(){
var val = $(this).val();
$('ol').append('<li>'+val+'</li>');
$('#change option[value="'+val+'"]').prop('disabled', true);
});
$(document).on('click','ol li',function(){
var val = $(this).text().trim();
$(this).remove();
$('#change option[value="'+val+'"]').prop('disabled', false);
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다