어떻게 jQuery를 사용하여있는 DropDownList의 값을 설정할 수 있습니까?

해결법

1.
```
$("#mydropdownlist").val("thevalue");
```
다만 옵션 태그 확인 값이 발 방법의 값과 일치합니다.
2.@Nick BERARDI에 의해 제안하여 변경된 값은 UI 프론트 엔드에 반영되지 않은 경우, 시도 :

@Nick BERARDI에 의해 제안하여 변경된 값은 UI 프론트 엔드에 반영되지 않은 경우, 시도 :
```
$("#mydropdownlist").val("thevalue").change();
```
3.색인 작업을하는 경우는 () .attr 직접 선택한 인덱스를 설정할 수 있습니다 :

색인 작업을하는 경우는 () .attr 직접 선택한 인덱스를 설정할 수 있습니다 :
```
$("#mydropdownlist").attr('selectedIndex', 0);
```
이것은 droplist의 첫 번째 값으로 설정됩니다.

4.이 매우 간단한 방법을 시도해보십시오

이 매우 간단한 방법을 시도해보십시오

/*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");

5.당신의 드롭이 Asp.Net 잘 작동합니다 다음 코드 아래 드롭 다운되는 경우,

당신의 드롭이 Asp.Net 잘 작동합니다 다음 코드 아래 드롭 다운되는 경우,
```
 $("#<%=DropDownName.ClientID%>")[0].selectedIndex=0;
```
당신의 드롭 다운은 HTML가 떨어질 경우 그러나이 코드가 작동합니다.
```
 $("#DropDownName")[0].selectedIndex=0;
```

6.질문에 대한 우수 답변 :

질문에 대한 우수 답변 :

$("#comboboxid").val(yourvalue).trigger("chosen:updated");

예컨대 :

$("#CityID").val(20).trigger("chosen:updated");

또는

$("#CityID").val("chicago").trigger("chosen:updated");

7.그것을 할 방법은 여러 가지가 있습니다. 여기에 그들 중 일부는 다음과 같습니다

그것을 할 방법은 여러 가지가 있습니다. 여기에 그들 중 일부는 다음과 같습니다
```
$("._statusDDL").val('2');
```
또는
```
$('select').prop('selectedIndex', 3);
```
8.설정 값 및 업데이트 드롭 다운 목록 이벤트

설정 값 및 업데이트 드롭 다운 목록 이벤트
```
$("#id").val("1234").change();
```

9.난이 도움이 될 수 있습니다 생각 :

난이 도움이 될 수 있습니다 생각 :

    $.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);                                       
              }  
             );

이 방법을 할 경우, 당신은 텍스트가없는 요소를 추가 할 수 있습니다. 당신이 드 콤보 클릭하면 그래서, 그것은 apear하지 않지만, 값은 -1 당신은 나중에 $ ( "autoCompleteDepartment.")로 선택 추가 된 발 (-1).; 콤보가 유효한 값을 갖는 경우 제어 할 수 있습니다.

이 사람을 도움이되기를 바랍니다.

내 영어 죄송합니다.

10.그냥 다음 드롭 다운의 값을 설정해야하는 경우 가장 좋은 방법은

그냥 다음 드롭 다운의 값을 설정해야하는 경우 가장 좋은 방법은
```
$("#ID").val("2");
```
당신이 드롭 다운에 어떤 OnChange 이벤트를 설정하면 같은 드롭 다운 값을 업데이트 한 후 모든 스크립트를 실행해야하고 업데이트 후이 작업을 실행하려면 당신보다 드롭 다운 메뉴는 다음과 같이 사용할 필요가
```
$("#ID").val("2").change();
```

11.여기에 신속하게 설정 선택한 옵션에 만들어진 기능입니다 :

여기에 신속하게 설정 선택한 옵션에 만들어진 기능입니다 :

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');

옵션을 선택의 많은이 설정 될 수있을 때 유용합니다.

12.혹시 에 의해 Ajax 호출 모든 <... 옵션>로드 할 때 이 작업을 수행하려면 다음 단계를 따르십시오.

혹시 에 의해 Ajax 호출 모든 <... 옵션>로드 할 때 이 작업을 수행하려면 다음 단계를 따르십시오.

1). 드롭 다운의 설정 값에 대한 별도의 방법을 만들기 예를 들어 :
```
function set_ip_base_country(countryCode)
    $('#country').val(countryCode)
} 
```
2). 이 메서드를 호출 할 때 아약스 호출 성공 모든 HTML APPEND 작업 완료

예를 들어 :
```
success: function (doc) {
  .....
  .....
  $("#country").append('<option style="color:black;" value="' + key + '">'  +   value + '</option>')
  set_ip_base_country(ip_base_country)
}
```
13.설정 드롭 다운 선택 값과 업데이트 변경

설정 드롭 다운 선택 값과 업데이트 변경
```
$("#PR2DistrictId option[value='@Model.PR2DistrictId']").attr("selected", true).trigger("chosen:updated")
```
여기에서 우리는 첫 번째 모델에서 값을 설정하고 이상이 선택에 업데이트

14.// 드롭 다운 목록의 HTML을 형식.

// 드롭 다운 목록의 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>

// 당신은 자바 스크립트를 사용하여 TEST2 선택한 항목을 변경합니다. 이걸로 해봐. 유 선택하려면 다음 옵션을 설정 //

var NewOprionValue = "Test2"

        var RemoveSelected = $("#MyDropDownList")[0].innerHTML.replace('selected', '');
        var ChangeSelected = RemoveSelected.replace(NewOption, NewOption + 'selected>');
        $('#MyDropDownList').html(ChangeSelected);

15.나를 위해 일한 위의 강조 / 확인 응답을 사용하여 ... 여기에 약간의 통찰력이다. 나는 URL을 얻기에 조금 비리가 있지만, 기본적으로 내가 위에서 JQuery와 응답을 통해 설정 한 다음 자바 스크립트의 URL을 정의하고있어 :

나를 위해 일한 위의 강조 / 확인 응답을 사용하여 ... 여기에 약간의 통찰력이다. 나는 URL을 얻기에 조금 비리가 있지만, 기본적으로 내가 위에서 JQuery와 응답을 통해 설정 한 다음 자바 스크립트의 URL을 정의하고있어 :

<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>

16.부트 스트랩을 사용 $ (# elementId로부터 ')를 사용하는 사람들을 위해. selectpicker ('발 ','elementValue ') 대신 $의 ('# elementId로부터 '). 발의 값을 업데이트하지 않습니다 후자로 ('elementValue '), UI.

부트 스트랩을 사용 $ (# elementId로부터 ')를 사용하는 사람들을 위해. selectpicker ('발 ','elementValue ') 대신 $의 ('# elementId로부터 '). 발의 값을 업데이트하지 않습니다 후자로 ('elementValue '), UI.

참고 :. 심지어 .change () 함수의 작동, 일부 답변에서 위의 제안하지만, 그것은 $를 트리거로 ( '# elementId로부터')의 변화 (함수 () {// 뭔가 할}) 함수를.

그냥 앞으로이 스레드를 참조하는 사람들이이 밖으로을 게시.

from https://stackoverflow.com/questions/292615/how-can-i-set-the-value-of-a-dropdownlist-using-jquery by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 어떻게 재 지정없이 HTML 양식을 제출 (0)	2020.10.27
[JQUERY] 수직 스크롤을 기반으로 jQuery로 / 제거 클래스를 추가 하시겠습니까? (0)	2020.10.27
[JQUERY] JQuery와로드 된 경우 false의 경우,로드 확인 (0)	2020.10.27
[JQUERY] AJAX 응답에서 빌드 테이블 행에 사용 jQuery를 (JSON) (0)	2020.10.27
[JQUERY] PDF 사용하여 자바 스크립트로 HTML 페이지에 사업부를 다운로드 (0)	2020.10.27

복붙노트

[JQUERY] 어떻게 jQuery를 사용하여있는 DropDownList의 값을 설정할 수 있습니까?

어떻게 jQuery를 사용하여있는 DropDownList의 값을 설정할 수 있습니까?

해결법

1.

2.@Nick BERARDI에 의해 제안하여 변경된 값은 UI 프론트 엔드에 반영되지 않은 경우, 시도 :

3.색인 작업을하는 경우는 () .attr 직접 선택한 인덱스를 설정할 수 있습니다 :

4.이 매우 간단한 방법을 시도해보십시오

5.당신의 드롭이 Asp.Net 잘 작동합니다 다음 코드 아래 드롭 다운되는 경우,

6.질문에 대한 우수 답변 :

7.그것을 할 방법은 여러 가지가 있습니다. 여기에 그들 중 일부는 다음과 같습니다

8.설정 값 및 업데이트 드롭 다운 목록 이벤트

9.난이 도움이 될 수 있습니다 생각 :

10.그냥 다음 드롭 다운의 값을 설정해야하는 경우 가장 좋은 방법은

11.여기에 신속하게 설정 선택한 옵션에 만들어진 기능입니다 :

12.혹시 에 의해 Ajax 호출 모든 <... 옵션>로드 할 때 이 작업을 수행하려면 다음 단계를 따르십시오.

13.설정 드롭 다운 선택 값과 업데이트 변경

14.// 드롭 다운 목록의 HTML을 형식.

15.나를 위해 일한 위의 강조 / 확인 응답을 사용하여 ... 여기에 약간의 통찰력이다. 나는 URL을 얻기에 조금 비리가 있지만, 기본적으로 내가 위에서 JQuery와 응답을 통해 설정 한 다음 자바 스크립트의 URL을 정의하고있어 :

16.부트 스트랩을 사용 $ (# elementId로부터 ')를 사용하는 사람들을 위해. selectpicker ('발 ','elementValue ') 대신 $의 ('# elementId로부터 '). 발의 값을 업데이트하지 않습니다 후자로 ('elementValue '), UI.

'JQUERY' 카테고리의 다른 글

티스토리툴바