2017-09-27 31 views
-1

私には馴染みのない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', 
        '[email protected]':'pair.def_id'} 
      }}; 
     jQuery('#container{VAL_ID}').render(questions[{VAL_ID}], pairs_dir); 
    } 

    renderILQuestion{VAL_ID}(); 

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

</script> 
+0

'関数renderILQuestion {} VAL_ID()'これは... – Rafael

+0

確かに*有効な*名ではありませんあなたがここにコードを確認することができます。http://phpcrossref.com/xref/ilias/Modules/Scorm2004 /templates/default/tpl.question_export.html.html – airi

+0

このコードはテンプレートシステムによって補間されているはずです。あなたはあなたの質問に再度タグを付ける必要があり、その質問にはより多くのコードを含める必要があります。 – Rafael

答えて

1

役に立てば幸い

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

...私はOOPの見当がつかないが、私は選択が設定された後、あなたがそのオプションの位置を変更することができますねここでの方法によって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>

+0

私はこのことを知っています。ただ質問します。もし同じページで2つの同じクラスの用語を使って2つのIDを選択すると...これは動作しますか? – airi

+0

@airi私は私の答えを編集し、それは完全に働いています –

+0

ありがとう..私は期待どおりに動作します。ありがとう – airi

1

私はあなたを招待し、私はそれが

関連する問題