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

问题描述：

我有一个选择使用我不熟悉的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>

'函数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>

我知道这个工作，只是要问..如果我有两个选择相同的类术语不同的ID在一个页面...这是否工作？ – airi

@airi我编辑了我的答案，它的工作很完美 –

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

答

我没有接力的想法，但我想选择设置后可以更改该选项的位置......

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

我希望它能帮助

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

相关推荐