[javascript] JQuery-값에 따라 드롭 다운 항목을 선택하는 방법

Program / 글쓴이

항목 값에 따라 드롭 다운 (선택)이 변경되도록 설정하고 싶습니다.

나는 가지고있다

<select id="mySelect">
  <option value="ps">Please Select</option>
  <option value="ab">Fred</option>
  <option value="fg">George</option>
  <option value="ac">Dave</option>
</select>

그리고 “fg”값이있는 옵션이 선택되도록 드롭 다운을 변경하고 싶습니다. JQuery로 어떻게 할 수 있습니까?

답변

당신은 사용해야합니다

$('#dropdownid').val('selectedvalue');

예를 들면 다음과 같습니다.

$('#dropdownid').val('selectedvalue');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id='dropdownid'>
    <option value=''>- Please choose -</option>
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='selectedvalue'>There we go!</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
    <option value='5'>5</option>
</select>

스 니펫 확장

답변

$('#yourdropddownid').val('fg');

선택적으로

$('select>option:eq(3)').attr('selected', true);

3원하는 옵션의 색인은 어디에 있습니까?

라이브 데모

답변

$('#mySelect').val('fg');...........

답변

사용하기 쉬운이 jQuery 코드를 사용할 수 있습니다.

$('#your_id [value=3]').attr('selected', 'true');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="your_id" name="name" class="form-control input-md">
  <option value="1">Option #1</option>
  <option value="2">Option #2</option>
  <option value="3">Option #3</option>
  <option value="4">Option #4</option>
  <option value="5">Option #5</option>
  <option value="6">Option #6</option>
  <option value="7">Option #7</option>
</select>

스 니펫 확장

답변

 $('#mySelect').val('ab').change();

 // or

 $('#mySelect').val('ab').trigger("change");

답변

다음을 간단히 사용할 수 있습니다. 

$('#select_id').val('fg')

답변

귀하의 경우 $("#mySelect").val("fg")🙂