3

이 질문에는 이미 답변이 있습니다.

<tfoot>
    <select>
        <option value="222"></option>
        <option value="2222">2222</option>
        <option value="zaza">zaza</option>
    </select>
</tfoot>

나는 그것을 시도했다 :

$('tfoot select').val('zaza');

$("tfoot select").val("zaza")
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<tfoot>
    <select>
        <option value="222"></option>
        <option value="2222">2222</option>
        <option value="zaza">zaza</option>
    </select>
</tfoot>

어떤 생각? 선택 = 선택됨 = 변경 이벤트 트리거


  • Javascript에서 옵션을 선택하면 자동으로change행사. 값을 설정 한 후에는이를 명시 적으로 수행해야합니다. - Barmar

4 답변


8

당신이 사용할 수있는:

$('option[value="222"]')

일반적으로,

$("tag[attr=value]")~을 (를) 검색합니다.tagattributte와attr가치value

선택하려면,

$('option[value="222"]').prop("selected", true);


  • 확인 ..하지만 그것을 선택하는 방법? - yarek

2

$(function () {
  $("#clientList").children('[value="zaza"]').attr('selected', true);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<tfoot>
    <select id="clientList">
        <option value="222">222</option>
        <option value="2222">2222</option>
        <option value="zaza">zaza</option>
    </select>
</tfoot>


1

이게 니가 원하는거야? 나는 값을 "선택"한다.$(document).ready

<tfoot>
  <tr>
    <td>
       <select>
        <option value="222"></option>
        <option value="2222">2222</option>
        <option value="zaza">zaza</option>
       </select>
    </td>
  </tr>
</tfoot>

<script>
    $(function(){
        $("tfoot select").val("zaza");
    });
</script>

https://jsfiddle.net/0skmm4pp/

그건 그렇고<tfoot>태그가 잘못되었거나 누락되었습니다.<tr>태그와<td>꼬리표. 또는 사용할 수 있습니다.rupps대답.


0

속성을 사용하여 옵션을 선택할 수 있습니다.selectedIndex:

var selectedIndex = $('select').prop('selectedIndex');
var option= $('select').find('option:eq(' + selectedIndex + ')');

또는 색인을 통해 타겟팅 할 수도 있습니다.

var option= $('select').find('option:eq(0)');

또는 직접 타겟팅하십시오.

var option = $('option[value="zaza"]');

위의 참조 중 하나를 선택하려면 다음을 사용하십시오.

option.attr('selected', true);

$('button').on('click', function() {
  var option = $('option[value="zaza"]');
  option.attr('selected', true);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tfoot>
    <select>
        <option value="222" selected>selected</option>
        <option value="2222">2222</option>
        <option value="zaza">zaza</option>
    </select>
</tfoot>

<button>Change</button>


  • 확인 : 요소를 찾았지만 시각적으로 선택하지 않습니다 (또는 변경 이벤트를 트리거합니다). - yarek
  • 예. ' 선택한 ' 사실로. 나는 대답했다. - Daerik
  • 시각적으로 선택했는지 확인할 스 니펫을 추가했습니다. - Daerik

연결된 질문


관련된 질문

최근 질문