使用另一個按鈕的下一個選項下拉框

Question

我有一個下拉菜單，其中的信息來自極其喜歡的作品，但我想添加一個按鈕，點擊時彈出 跳轉到下拉菜單中的下一個選項..我如何做這個？

這是我的下拉框：

<select name="the_name"> 
    <?php foreach ($results as $option) : ?> 
    <option value="<?php echo $option->ID; ?>"><?php echo $option->titel; ?></option> 
    <?php endforeach; ?> 
</select> 

所以，我喜歡做的是一個按鈕，通過這個菜單中點擊例如上一個/下一個，我該怎麼做？

謝謝！在你的DOM

：

Answer 1

試試這個

<select id="the_name"> 
    <option selected="selected">1</option> 
    <option>2</option> 
</select> 

<button id="next">next</button> 

，並在您的jQuery，按鈕事件

$('#next').click(function(){ 
    $('#the_name').find('option:selected').prop('selected',"").next().prop('selected','selected'); 

}）;

Answer 2

嘗試

fiddle Demo

var dd = $('#the_name'); 
var max_len = dd.find('option').length; 
$('#change').click(function() { 
    var x = dd.find('option:selected').index(); 
    if (max_len == x + 1) x = -1; 
    dd.find('option').eq(x + 1).prop('selected', true); 
}); 

---

.index()

.prop()

.find()

.eq()