更改選擇最後一個選項成爲JavaScript中的第一個選項

-1

我有一個選擇使用我不熟悉的oop選項。我想改變最後的選擇成爲第一選擇。實際的編碼是象下面這樣：更改選擇最後一個選項成爲JavaScript中的第一個選項

<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', 
        '[email protected]':'pair.def_id'} 
      }}; 
     jQuery('#container{VAL_ID}').render(questions[{VAL_ID}], pairs_dir); 
    } 

    renderILQuestion{VAL_ID}(); 

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

</script>

來源

2017-09-27 airi

'函數renderILQuestion {} VAL_ID（）'這肯定不是一個有效的* *名稱... – Rafael

你可以在這裏檢查代碼：http://phpcrossref.com/xref/ilias/Modules/Scorm2004 /templates/default/tpl.question_export.html.html – airi

你應該說明這個代碼是由模板系統插入的。你需要重新標記你的問題，並在問題中包含更多的代碼。 – Rafael

我請你這裏的方式來檢查selectors documentation，&是一個工作代碼：

$(".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>

來源

2017-09-27 09:24:54

我知道這個工作，只是要問..如果我有兩個選擇相同的類術語不同的ID在一個頁面...這是否工作？ – airi

@airi我編輯了我的答案，它的工作很完美 –

謝謝..它工作正如我所料。謝謝 – airi

我沒有接力的想法，但我想選擇設置後可以更改該選項的位置......

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

我希望它能幫助

來源

2017-09-27 06:25:31

更改選擇最後一個選項成爲JavaScript中的第一個選項

回答

相關問題