값으로, '선택'설정 옵션을 선택

해결법

1.옵션 태그에 갈 필요가 없습니다 쉬운 방법이있다 :

옵션 태그에 갈 필요가 없습니다 쉬운 방법이있다 :
```
$("div.id_100 select").val("val2");
```
다음은이 jQuery를 방법을 확인하십시오.
2.값 '을 val2'과 옵션을 선택합니다 :

값 '을 val2'과 옵션을 선택합니다 :
```
$('.id_100 option[value=val2]').attr('selected','selected');
```
3.값을 선택한 후 변경 () 이벤트를 사용합니다. 워드 프로세서 :

값을 선택한 후 변경 () 이벤트를 사용합니다. 워드 프로세서 :
```
$("#select_id").val("val2").change();
```
더 자세한 정보는 .change에있다 ().
4.모든 처음의 선택을 취소하고 선택할 수있는 옵션을 필터링 :

모든 처음의 선택을 취소하고 선택할 수있는 옵션을 필터링 :
```
$('.id_100 option')
     .removeAttr('selected')
     .filter('[value=val1]')
         .attr('selected', true)
```

5.

<select name="contribution_status_id" id="contribution_status_id" class="form-select">
    <option value="1">Completed</option>
    <option value="2">Pending</option>
    <option value="3">Cancelled</option>
    <option value="4">Failed</option>
    <option value="5">In Progress</option>
    <option value="6">Overdue</option>
    <option value="7">Refunded</option>

값으로 보류 상태로 설정

   $('#contribution_status_id').val("2");

6.나를 위해 다음은 일을했다

나를 위해 다음은 일을했다
```
$("div.id_100").val("val2").change();
```
7.내가 가장 쉬운 방법은 설정 발 ()을 선택하는 것입니다 생각하지만, 당신은 다음 사항을 확인할 수 있습니다. jQuery를에 선택하고 옵션 태그를 처리하는 방법을 참조하십시오? 옵션에 대한 자세한 내용은.

내가 가장 쉬운 방법은 설정 발 ()을 선택하는 것입니다 생각하지만, 당신은 다음 사항을 확인할 수 있습니다. jQuery를에 선택하고 옵션 태그를 처리하는 방법을 참조하십시오? 옵션에 대한 자세한 내용은.
```
$('div.id_100  option[value="val2"]').prop("selected", true);

$('id_100').val('val2');
```
아니 최적화 된,하지만 다음과 같은 논리는 어떤 경우에 유용하다.
```
$('.id_100 option').each(function() {
    if($(this).val() == 'val2') {
        $(this).prop("selected", true);
    }
});
```
8.가장 좋은 방법은 다음과 같이이다 :

가장 좋은 방법은 다음과 같이이다 :
```
$(`#YourSelect option[value='${YourValue}']`).prop('selected', true);
```
9.당신은 너무 귀하의 경우이 옵션을 선택하고 선택한 속성을 설정할 수 있습니다, 속성 선택 [에 attributename = optionalvalue]를 사용하여 모든 속성과 그 값을 선택할 수 있습니다.

당신은 너무 귀하의 경우이 옵션을 선택하고 선택한 속성을 설정할 수 있습니다, 속성 선택 [에 attributename = optionalvalue]를 사용하여 모든 속성과 그 값을 선택할 수 있습니다.
```
$("div.id_100 > select > option[value=" + value + "]").prop("selected",true);
```
어디 값은에 의해 선택하고자하는 값이다.

분리 한 모든 이전에 선택한 값이 필요한 경우 등이 여러 번 사용하는 경우 먼저 제거 선택한 속성에 관해서는 약간 변경해야 할 것입니다 경우 것
```
$("div.id_100 option:selected").prop("selected",false);
$("div.id_100 option[value=" + value + "]")
        .prop("selected",true);
```
10.간단한 대답은,이다 HTML에서

간단한 대답은,이다 HTML에서
```
<select name="ukuran" id="idUkuran">
    <option value="1000">pilih ukuran</option>
    <option value="11">M</option>
    <option value="12">L</option>
    <option value="13">XL</option>
</select>
```
JQuery와에, 버튼 또는 무엇이든에 의해 아래와 같은 기능을 호출
```
$('#idUkuran').val(11).change();
```
그것은 간단하고 100 % 작품은 내 작품에서 가져온 사촌 ... :) 의 도움을 바랍니다 ..
11.이 overthink 할 이유가 없습니다, 당신이하고있는 모든 접근과 속성을 설정합니다. 이게 다예요.

이 overthink 할 이유가 없습니다, 당신이하고있는 모든 접근과 속성을 설정합니다. 이게 다예요.

좋아, 몇 가지 기본적인 DOM 너무 : 경우에 당신은, 바로 자바 스크립트에서이 그것이 당신이 할 일을했다 :
```
window.document.getElementById('my_stuff').selectedIndex = 4;
```
하지만 당신은 바로 자바 스크립트, 당신은 jQuery를 함께하고있는 그것을하고 있지 않습니다. 그리고 jQuery를, 당신은 당신이 이런 식으로 할 것, 그래서 속성을 설정하기 위해 .prop () 함수를 사용하려면 :
```
$("#my_stuff").prop('selectedIndex', 4);
```
어쨌든, 당신의 ID가 고유해야합니다. 그렇지 않으면이 작동하지 않았는지 궁금 벽에 머리를 두드리는됩니다.

12.그렇게하는 가장 쉬운 방법은 다음과 같습니다

그렇게하는 가장 쉬운 방법은 다음과 같습니다

<select name="dept">
   <option value="">Which department does this doctor belong to?</option>
   <option value="1">Orthopaedics</option>
   <option value="2">Pathology</option>
   <option value="3">ENT</option>
</select>

$('select[name="dept"]').val('3');

13.그것은 선택 값을 설정 한 후 사용 변화 ()하는 것이 좋습니다.

그것은 선택 값을 설정 한 후 사용 변화 ()하는 것이 좋습니다.
```
$("div.id_100 select").val("val2").change();
```
이렇게하면 코드가 사용자에 의해 선택의 변화에 종료됩니다, 설명은 JS 바이올린에 포함되어 있습니다 :

JS 바이올린
14.$ ( '#의 graphtype 옵션 [값 = ""] ( "선택, TRUE)) 소품."; #graphtype가 선택 태그의 ID입니다 이것은 잘 작동합니다.

$ ( '#의 graphtype 옵션 [값 = ""] ( "선택, TRUE)) 소품."; #graphtype가 선택 태그의 ID입니다 이것은 잘 작동합니다.

예를 선택 태그 :
```
 <select name="site" id="site" class="form-control" onchange="getgraph1(this.options[this.selectedIndex].value);">
    <option value="" selected>Site</option> 
    <option value="sitea">SiteA</option>
    <option value="siteb">SiteB</option>
  </select>
```

15.

var opt = new Option(name, id);
$("#selectboxName").append(opt);
opt.setAttribute("selected","selected");

16.사용하다:

사용하다:

$("div.id_100 > select > option[value=" + value + "]").attr("selected",true);

이것은 나를 위해 작동합니다. 나는 fancybox 업데이트 형태로 값을 구문 분석이 코드를 사용하고, 그리고 app.js에서 내 전체 소스는 다음과 같습니다

jQuery(".fancybox-btn-upd").click(function(){
    var ebid = jQuery(this).val();

    jQuery.ajax({
        type: "POST",
        url: js_base_url+"manajemen_cms/get_ebook_data",
        data: {ebookid:ebid},
        success: function(transport){
            var re = jQuery.parseJSON(transport);
            jQuery("#upd-kategori option[value="+re['kategori']+"]").attr('selected',true);
            document.getElementById("upd-nama").setAttribute('value',re['judul']);
            document.getElementById("upd-penerbit").setAttribute('value',re['penerbit']);
            document.getElementById("upd-tahun").setAttribute('value',re['terbit']);
            document.getElementById("upd-halaman").setAttribute('value',re['halaman']);
            document.getElementById("upd-bahasa").setAttribute('value',re['bahasa']);

            var content = jQuery("#fancybox-form-upd").html();
            jQuery.fancybox({
                type: 'ajax',
                prevEffect: 'none',
                nextEffect: 'none',
                closeBtn: true,
                content: content,
                helpers: {
                    title: {
                        type: 'inside'
                    }
                }
            });
        }
    });
});

그리고 내 PHP 코드는 다음과 같습니다

function get_ebook_data()
{
    $ebkid = $this->input->post('ebookid');
    $rs = $this->mod_manajemen->get_ebook_detail($ebkid);
    $hasil['id'] = $ebkid;
    foreach ($rs as $row) {
        $hasil['judul'] = $row->ebook_judul;
        $hasil['kategori'] = $row->ebook_cat_id;
        $hasil['penerbit'] = $row->ebook_penerbit;
        $hasil['terbit'] = $row->ebook_terbit;
        $hasil['halaman'] = $row->ebook_halaman;
        $hasil['bahasa'] = $row->ebook_bahasa;
        $hasil['format'] = $row->ebook_format;
    }
    $this->output->set_output(json_encode($hasil));
}

17..attr () 가끔) (이전의 jQuery 버전에서 작동하지 않습니다,하지만 당신은 .prop 사용할 수 있습니다 :

.attr () 가끔) (이전의 jQuery 버전에서 작동하지 않습니다,하지만 당신은 .prop 사용할 수 있습니다 :
```
$('select#ddlCountry option').each(function () {
    if ($(this).text().toLowerCase() == co.toLowerCase()) {
        $(this).prop('selected','selected');
        return;
    }
});
```

18.원본 링크

원본 링크

사용 발 () 싱글을위한 jQuery를 방법 및 드롭 다운에 여러 값 선택

    $(function () {

        $("button").click(function () {
            $("#myDropDownSingle").val('5');
            $("#myDropDownMultiple").val(['5', '4', '8']);
        });

    });

HTML

<p>
    <h5>Single Selection</h5>
    <select id="myDropDownSingle" class="form-control">
        <option value="0">Select Value 0</option>
        <option value="8">Option value 8</option>
        <option value="5">Option value 5</option>
        <option value="4">Option value 4</option>
    </select>
</p>
<p>
    <h5>Multiple Selection</h5>
    <select id="myDropDownMultiple" class="form-control" multiple>
        <option value="0">Select Value 0</option>
        <option value="8">Option value 8</option>
        <option value="5">Option value 5</option>
        <option value="4">Option value 4</option>
    </select>
</p>

<p>
    <button>Get Value and Text on Button Click</button>
</p>

19.이것은 선택 제어를 위해 확실히 작동합니다 :

이것은 선택 제어를 위해 확실히 작동합니다 :

$('select#ddlCountry option').each(function () {
if ($(this).text().toLowerCase() == co.toLowerCase()) {
    this.selected = true;
    return;
} });

20.그냥이 코드에 넣어 :

그냥이 코드에 넣어 :
```
$("#Controls_ID").val(value);
```
21.그것은 나를 위해 작동

그것은 나를 위해 작동
```
$("#id_100").val("val2");
```
22.당신은 다른 방법으로이 작업을 수행 할 수 있습니다 : (요소가 작동 할 경우, 더 나은 아니라 그것의 부모 요소의 ID 또는 클래스를하는 것보다, 그에게 ID 또는 클래스를 제공 기억). 여기, 사업부는이 안에 선택 대상으로 수업이 있기 때문에, 코드는 다음과 같습니다

당신은 다른 방법으로이 작업을 수행 할 수 있습니다 : (요소가 작동 할 경우, 더 나은 아니라 그것의 부모 요소의 ID 또는 클래스를하는 것보다, 그에게 ID 또는 클래스를 제공 기억). 여기, 사업부는이 안에 선택 대상으로 수업이 있기 때문에, 코드는 다음과 같습니다
```
$("div.id_100 select").val("val2");
```
또는
```
$('div.id_100  option[value="val2"]').prop("selected", true);
```
클래스가 자신을 선택하기 위해 주어진 것입니다 경우, 코드는 다음과 같습니다
```
$(".id_100").val("val2");
```
또는
```
$('.id_100 option[value=val2]').attr('selected','selected');
```
또는
```
$('.id_100 option')
    .removeAttr('selected')
    .filter('[value=val1]')
    .attr('selected', true);
```
동적으로 값을 전달하려면 코드는 다음과 같습니다 가치있는 = "을 val2";
```
$("div.id_100 select").val(valu);
$("div.id_100 > select > option[value=" + valu + "]").prop("selected",true);
```
소자 AJAX 통해 추가하면 당신은 당신의 요소 및 사용에 'ID'를 제공해야합니다 window.document.getElementById 그밖에 당신은 당신의 요소 및 사용에 '클래스'를 제공해야합니다 window.document.getElementById

당신은 또한 그것의 인덱스 번호를 선택 요소의 값을 선택할 수 있습니다. 당신이 당신의 선택 요소에 ID를 제공 한 경우, 코드는 다음과 같습니다
```
window.document.getElementById('select_element').selectedIndex = 4;
```
변경 메소드가 호출되지 않습니다 위의 말했듯이 당신이 선택 값을 변경할 때 기억하십시오. 즉, 당신이 선택 값을 변경됩니다 위의 방법을 선택의 변화에 몇 가지 물건을 수행하는 코드를 작성했지만 변화를 유발하지 않을 경우. 변경 기능을 트리거하기 위해 당신은 마지막에 () .change를 추가해야합니다. 그래서 코드는 다음과 같습니다
```
$("#select_id").val("val2").change();
```
23.이 시도. 심플하면서도 효과적인에서 자바 스크립트 + jQuery를 치명적인 콤보.

이 시도. 심플하면서도 효과적인에서 자바 스크립트 + jQuery를 치명적인 콤보.

SelectComponent :
```
<select id="YourSelectComponentID">
            <option value="0">Apple</option>
            <option value="2">Banana</option>
            <option value="3">Cat</option>
            <option value="4">Dolphin</option>
</select>
```
선택 :
```
document.getElementById("YourSelectComponentID").value = 4;
```
이제 옵션 4가 선택됩니다. 당신은 기본적으로 시작에서 값을 선택하기 위해이 작업을 수행 할 수 있습니다.
```
$(function(){
   document.getElementById("YourSelectComponentID").value = 4;
});
```
또는 간단한 기능이있는 라인을 넣어 만들고 옵션을 선택 anyEvent에 함수를 호출

jQuery를 + 자바 스크립트 혼합물 마법을한다 ....
24.이전 게시물입니다 그러나 여기 jQuery 플러그인처럼 행동 어떤 하나 개의 간단한 기능입니다.

이전 게시물입니다 그러나 여기 jQuery 플러그인처럼 행동 어떤 하나 개의 간단한 기능입니다.
```
    $.fn.selectOption = function(val){
        this.val(val)
        .find('option')
        .removeAttr('selected')
        .parent()
        .find('option[value="'+ val +'"]')
        .attr('selected', 'selected')
        .parent()
        .trigger('change');

        return this;
    };
```
당신은 간단 같은 것을 할 수 있습니다 :
```
$('.id_100').selectOption('val2');
```
RESON은 왜 당신이 그것을 잡을 수에 변화를 트리거도 crossbrowser이 지원되는 것을 DOM에 satemant을 선택하고 변경하기 때문이다 사용합니다.

기본적으로 인간의 행동 시뮬레이션입니다.
25.. $ ( "DIV # YOUR_ID") 발 (VALUE_CHANGED) .change (); // 옵션의 가치 반드시 존재하면, 그렇지 않으면 선택이 작동하지 않습니다

. $ ( "DIV # YOUR_ID") 발 (VALUE_CHANGED) .change (); // 옵션의 가치 반드시 존재하면, 그렇지 않으면 선택이 작동하지 않습니다
26.컨트롤을 동적으로 대신 정적 HTML 페이지에있는의를 만들 때 동적으로 변경하지 않는 컨트롤 다운 선택 드롭에 문제가있는 것 같습니다.

컨트롤을 동적으로 대신 정적 HTML 페이지에있는의를 만들 때 동적으로 변경하지 않는 컨트롤 다운 선택 드롭에 문제가있는 것 같습니다.

jQuery를에이 솔루션은 날 위해 일했습니다.
```
$('#editAddMake').val(result.data.make_id);
$('#editAddMake').selectmenu('refresh');
```
그냥 추가로 두 번째 줄없이 코드의 첫 번째 줄은 실제로 선택된 인덱스는 인덱스를 설정 한 후 정확 검색하고 당신이 실제로 컨트롤을 클릭 한 경우 올바른 항목을 보여 것, 점에서 투명하게 작동 않았다하지만이 반영되지 않았다 컨트롤의 위쪽 라벨입니다.

도움이 되었기를 바랍니다.
27.값이 ID이며, 텍스트 코드 인 경우에 문제의 I 달렸다. 당신은 코드를 사용하여 값을 설정할 수 있지만 ID에 직접 액세스 할 수 없습니다.

값이 ID이며, 텍스트 코드 인 경우에 문제의 I 달렸다. 당신은 코드를 사용하여 값을 설정할 수 있지만 ID에 직접 액세스 할 수 없습니다.
```
var value;

$("#selectorId > option").each(function () {
  if ("SOMECODE" === $(this).text()) {
    value = $(this).val();
  }
});

//Do work here
```

28.이 작품 잘

이 작품 잘

jQuery('.id_100').change(function(){ 
        var value = jQuery('.id_100').val(); //it gets you the value of selected option 
        console.log(value); // you can see your sected values in console, Eg 1,2,3
    });

from https://stackoverflow.com/questions/13343566/set-select-option-selected-by-value by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 스크롤에 더 많은 데이터를로드 jQuery를 (0)	2020.10.03
[JQUERY] 어떻게 jQuery를에 SELECT 요소에 특정 옵션을 선택합니까? (0)	2020.10.03
[JQUERY] 어떻게 같은 ID를 가진 모든 요소에 jQuery를 기능을 적용 할 수 있는가? (0)	2020.10.03
[JQUERY] 편집 상자에 옵션 값 아래로있는 jqGrid 잘못된 선택 드롭 (0)	2020.10.03
[JQUERY] FullCalendar에서 반복 이벤트 (0)	2020.10.03

복붙노트

[JQUERY] 값으로, '선택'설정 옵션을 선택

값으로, '선택'설정 옵션을 선택

해결법

1.옵션 태그에 갈 필요가 없습니다 쉬운 방법이있다 :

2.값 '을 val2'과 옵션을 선택합니다 :

3.값을 선택한 후 변경 () 이벤트를 사용합니다. 워드 프로세서 :

4.모든 처음의 선택을 취소하고 선택할 수있는 옵션을 필터링 :

5.

6.나를 위해 다음은 일을했다

7.내가 가장 쉬운 방법은 설정 발 ()을 선택하는 것입니다 생각하지만, 당신은 다음 사항을 확인할 수 있습니다. jQuery를에 선택하고 옵션 태그를 처리하는 방법을 참조하십시오? 옵션에 대한 자세한 내용은.

8.가장 좋은 방법은 다음과 같이이다 :

9.당신은 너무 귀하의 경우이 옵션을 선택하고 선택한 속성을 설정할 수 있습니다, 속성 선택 [에 attributename = optionalvalue]를 사용하여 모든 속성과 그 값을 선택할 수 있습니다.

10.간단한 대답은,이다 HTML에서

11.이 overthink 할 이유가 없습니다, 당신이하고있는 모든 접근과 속성을 설정합니다. 이게 다예요.

12.그렇게하는 가장 쉬운 방법은 다음과 같습니다

13.그것은 선택 값을 설정 한 후 사용 변화 ()하는 것이 좋습니다.

14.$ ( '#의 graphtype 옵션 [값 = ""] ( "선택, TRUE)) 소품."; #graphtype가 선택 태그의 ID입니다 이것은 잘 작동합니다.

15.

16.사용하다:

17..attr () 가끔) (이전의 jQuery 버전에서 작동하지 않습니다,하지만 당신은 .prop 사용할 수 있습니다 :

18.원본 링크

19.이것은 선택 제어를 위해 확실히 작동합니다 :

20.그냥이 코드에 넣어 :

21.그것은 나를 위해 작동

23.이 시도. 심플하면서도 효과적인에서 자바 스크립트 + jQuery를 치명적인 콤보.

24.이전 게시물입니다 그러나 여기 jQuery 플러그인처럼 행동 어떤 하나 개의 간단한 기능입니다.

25.. $ ( "DIV # YOUR_ID") 발 (VALUE_CHANGED) .change (); // 옵션의 가치 반드시 존재하면, 그렇지 않으면 선택이 작동하지 않습니다

26.컨트롤을 동적으로 대신 정적 HTML 페이지에있는의를 만들 때 동적으로 변경하지 않는 컨트롤 다운 선택 드롭에 문제가있는 것 같습니다.

27.값이 ID이며, 텍스트 코드 인 경우에 문제의 I 달렸다. 당신은 코드를 사용하여 값을 설정할 수 있지만 ID에 직접 액세스 할 수 없습니다.

28.이 작품 잘

'JQUERY' 카테고리의 다른 글

티스토리툴바