질문에서 알 수 있듯이 jQuery를 사용하여 드롭다운 목록 컨트롤의 값을 설정하려면 어떻게 해야 하나요?
인덱스로 작업하는 경우 .attr()을 사용하여 선택한 인덱스를 직접 설정할 수 있습니다:
$("#mydropdownlist").attr('selectedIndex', 0);
이렇게 하면 드롭리스트의 첫 번째 값으로 설정됩니다.
편집: 위의 방법은 예전에는 효과가 있었습니다. 하지만 더 이상 작동하지 않는 것 같습니다.
하지만 한이 댓글에서 유쾌하게 지적했듯이 올바른 방법은 다음과 같습니다:
$("#mydropdownlist").get(0).selectedIndex = index_here;
이 간단한 접근 방식을 시도해 보세요:
/*make sure that value is included in the options value of the dropdownlist
e.g.
(<select><option value='CA'>California</option><option value='AK'>Alaska</option> </select>)
*/
$('#mycontrolId').val(myvalue).attr("selected", "selected");
$("#comboboxid").val(yourvalue).trigger("chosen:updated");
에드그:
$("#CityID").val(20).trigger("chosen:updated");
또는
$("#CityID").val("chicago").trigger("chosen:updated");
이를 위한 여러 가지가 있습니다. 그들 중 일부는 다음과 같습니다.
$("._statusDDL").val('2');
또는
$('select').prop('selectedIndex', 3);
jQuery("#availability option:selected").val();
, 옵션을 사용할 수 있는 텍스트 () 또는 텍스트
jQuery("#availability option:selected").text();
http://api.jquery.com/val/
http://api.jquery.com/text/
<! - begin 스니핏: js 숨기십시오: > 거짓값 -;
$(document).ready(function(){
$('#button1').click(function(){
alert($('#combo :selected').text());
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="combo">
<option value="1">Test 1</option>
<option value="2">Test 2</option>
</select>
<input id="button1" type="button" value="Click!" />
끝 - < 스니핏 >;!
내 생각엔 이 도움이 될 수 있습니다.
$.getJSON('<%= Url.Action("GetDepartment") %>',
{ coDepartment: paramDepartment },
function(data) {
$(".autoCompleteDepartment").empty();
$(".autoCompleteDepartment").append($("<option />").val(-1));
$.each(data, function() {
$(".autoCompleteDepartment").append($("<option />").val(this.CodDepartment).text(this.DepartmentName));
});
$(".autoCompleteDepartment").val(-1);
}
);
이렇게 하면 되는 경우 없는 요소를 추가하여 사용한다. 따라서, 이를 클릭하면 드 콤보, t 값 - 1 을 추가한 뒤, 그러나 이피어 doesn& # 39 억 달러 로 스발 (-1), 선택 (.autoCompleteDepartment" ";) 콤보 경우 유효한 값이 제어할 수 있습니다.
그 누구도 희망을 줍니다.
지금은 내 영어.
이것은 함수 브라운아저씨의 선택한 옵션을 빠르게 설정합니다.
function SetSelected(elem, val){
$('#'+elem+' option').each(function(i,d){
// console.log('searching match for '+ elem + ' ' + d.value + ' equal to '+ val);
if($.trim(d.value).toLowerCase() == $.trim(val).toLowerCase()){
// console.log('found match for '+ elem + ' ' + d.value);
$('#'+elem).prop('selectedIndex', i);
}
});
}
이 함수를 호출하는 요소점 id 와 함께 인수를 선택한 값을. 다음과 같습니다.
SetSelected('selectID','some option');
선택 옵션을 설정할 수 있으면 많은 것이 좋습니다.
'' 선택 '세트' 드롭다운을 가치와 업데이트 변경
$("#PR2DistrictId option[value='@Model.PR2DistrictId']").attr("selected", true).trigger("chosen:updated")
여기서는 '모델' 에 비해 1 세트 및 가치를 업데이트한 사탄들
//Html 형식의 드롭다운이 목록.
<select id="MyDropDownList">
<option value=test1 selected>test1</option>
<option value=test2>test2</option>
<option value=test3>test3</option>
<option value=test4>test4</option>
< /select>;
// 스케쳐내 선택한 변경하십시오 javascript 를 사용하여 항목을 test2 가 있습니다. 이 번호요 시도하시겠습니까. 다음 설정 옵션을 선택할 와-u //
var NewOprionValue = "Test2"
var RemoveSelected = $("#MyDropDownList")[0].innerHTML.replace('selected', '');
var ChangeSelected = RemoveSelected.replace(NewOption, NewOption + 'selected>');
$('#MyDropDownList').html(ChangeSelected);
1). 별도로 만들어 방법, 세트 값이 드롭다운을 < br>. 대한 예:
function set_ip_base_country(countryCode)
$('#country').val(countryCode)
}
2). 이 방법을 호출하십시오 ajax 호출 성공 때 모든 html 덮어쓰기/추가 임무 완료
대한 예:
success: function (doc) {
.....
.....
$("#country").append('<option style="color:black;" value="' + key + '">' + value + '</option>')
set_ip_base_country(ip_base_country)
}
Name. domain. 강조표시된 / 점검됩니다 그들위에 오토메이티드 협력했습니다 for me. # 39 의 here& 조금 석가모니. 조금 있지만, 기본적으로 I& 속임수였어 가져오던 URL # 39 m 정의중 url 을 통해 이를 Javascript, 그 위에 답을 설정을 포함한다.
<select id="select" onChange="window.location.href=this.value">
<option value="">Select a task </option>
<option value="http://127.0.0.1:5000/choose_form/1">Task 1</option>
<option value="http://127.0.0.1:5000/choose_form/2">Task 2</option>
<option value="http://127.0.0.1:5000/choose_form/3">Task 3</option>
<option value="http://127.0.0.1:5000/choose_form/4">Task 4</option>
<option value="http://127.0.0.1:5000/choose_form/5">Task 5</option>
<option value="http://127.0.0.1:5000/choose_form/6">Task 6</option>
<option value="http://127.0.0.1:5000/choose_form/7">Task 7</option>
<option value="http://127.0.0.1:5000/choose_form/8">Task 8</option>
</select>
<script>
var pathArray = window.location.pathname.split( '/' );
var selectedItem = "http://127.0.0.1:5000/" + pathArray[1] + "/" + pathArray[2];
var trimmedItem = selectedItem.trim();
$("#select").val(trimmedItem);
</script>