php - 選択ボックスの値に基づいてタブを取得する

Question

値1から5の選択ボックスがあり、選択ボックスから値2を選択すると、2つのタブまたは3を取得する必要があり、3つのタブを取得する必要があります..

セレクトボックスのコードはこちら

<select id="Week" name="Week">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>  

どうすればphp、javascript、またはjqueryでそれを行うことができますか.

今日助けて

Answer 1

これを試してください：

<script>
function getTabs()
{
   var getSelectedValue = $("#week").val();

   if(getSelectedValue == 1)
   {
       //your specified code for value 1
   }
   else if(getSelectedValue == 2)
   {
       //your specified code for value 2
   }
   //and so on.. upto 5 getSelectedValue values
}
</script>

<select id="Week" onchange="getTabs();" name="Week">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>  

Answer 2

ここにjQueryオプションがあります。

http://jsfiddle.net/4EjGt/6/

JS

//Global var to track our selected tabs
var m_selectedTabs = $('#tab1'); 
m_selectedTabs.siblings('span').hide(); 

$('#Week').change(function(){
    SelectTabRangeById($(this).find(':selected').val())
}); 

function SelectTabRangeById(id){
    //Deselect the previous tab 
    m_selectedTabs.hide(); 
    //Find the new Tab
    m_selectedTabs = $('#' + id).prevAll().andSelf();
    //Select it
    m_selectedTabs.show(); 
}

​

HTML

<span id='tab1'>Week 1</span><span id='tab2'>Week 2</span><span id='tab3'>Week 3</span><span id='tab4'>Week 4</span><span id='tab5'>Week 5</span>
<br/>
<select id="Week" name="Week">
    <option value="tab1">1</option>
    <option value="tab2">2</option>
    <option value="tab3">3</option>
    <option value="tab4">4</option>
    <option value="tab5">5</option>
</select> 

</p>