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 documentation，＆amp;顺便说一句，这是一个有效的代码：

＆＃13;

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

＆＃13;

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

＆＃13;

更改选择最后一个选项成为javascript中的第一个选项

2 个答案: