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>