更改選擇最后一個選項成為javascript中的第一個選項

Question

我有一個使用不熟悉的oop的選擇選項。 我想將最后一個選項更改為第一個選項。 實際的編碼如下：

  <select class="terms" id="terms{VAL_ID}">
        <option class="term">Term</option>
    </select>

它將顯示如下：

<select class="terms" id="128035">
   <option class="term" id="1">ans1</option>
   <option class="term" id="2">ans2</option>
   <option class="term" id="-1">-- Please Select --</option>
</select>

我的問題是，我想做出最后的選擇，成為使用他們使用的JavaScript的首選。 腳本下方。 如果有人可以幫助我更改腳本，以使最后一個選項成為第一個選項。 謝謝

<script>
    function renderILQuestion{VAL_ID}()
    {
        jQuery('div#qtitle{VAL_ID}').html(questions[{VAL_ID}].question);

        var terms_dir = {
            'option': {
                'term <- terms': {
                    '.': 'term.term',
                    '@id':'term.id'}
            }};


        jQuery('#terms{VAL_ID}').render(questions[{VAL_ID}].pairs[0], terms_dir);

        var pairs_dir = {
            'tbody tr': {
                'pair <- pairs': {
                    'th.definition': 'pair.definition',
                    'select@id':'pair.def_id'}
            }};
        jQuery('#container{VAL_ID}').render(questions[{VAL_ID}], pairs_dir);
    }

    renderILQuestion{VAL_ID}();

    var obj = document.getElementsByClassName("terms");

</script>

Answer 1

我不知道oop，但是我想您可以在設置選擇后更改該選項的位置...

$('select.terms option').last().prependTo('select.terms');
$('select.terms')[0].selectedIndex = 0;

希望對您有所幫助

Answer 2

我邀請您檢查selectors文檔 ，順便說一下，這里是一個有效的代碼：

 $(".terms").each(function(){ $(this).find("option:last").prop("selected",true); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select class="terms" id="128035"> <option class="term" id="11">ans1</option> <option class="term" id="21">ans2</option> <option class="term" id="-11">-- Please Select --</option> </select> <select class="terms" id="ABCD"> <option class="term" id="12">ans1</option> <option class="term" id="22">ans2</option> <option class="term" id="-12">-- Please Select --</option> </select> <select class="terms" id="ABCDE"> <option class="term" id="13">ans1</option> <option class="term" id="23">ans2</option> <option class="term" id="-13">-- Please Select --</option> </select> <select class="terms" id="ABCDEF"> <option class="term" id="14">ans1</option> <option class="term" id="24">ans2</option> <option class="term" id="-14">-- Please Select --</option> </select>