如何填充選擇選項或下拉列表值添加4？

如何填充選擇選項值是添加4和標籤是在jQuery開始0.5？例如如何填充選擇選項或下拉列表值添加4？

;

<select> 
    <option value="4">0.5</option> 
    <option value="8">1.0</option> 
    <option value="12">1.5</option> 
</select>

，並結束於

<option value="480">60.0</option>

我不想編寫一個一個，並在每個值乘以4吧..我有一個很難尋找答案。我不是一個JavaScript程序員。 waaaahhh！請幫我擺脫這個傢伙！在此先感謝！

來源

2011-11-10 mrrsb

你的意思是多加4或在每個值中加4？ –

首先學習JavaScript – wong2

@Rory McCrossan yes sir add 4！ :)謝謝 – mrrsb

jQuery的

var select = $('select'); 
for(var v = 4, t = 0.5; v <= 480; v = v + 4, t = t + 0.5) { 
    select.append('<option value="' + v + '">' + t + '</option>'); 
}

http://jsfiddle.net/infernalbadger/pCjdX/

作爲一個功能：

var select = $('select'); 

populateDropDown($('select'), 4, 480, 4, 0.5, 0.5); 

function populateDropDown(select, startValue, endValue, incrementValue, startText, incrementText) { 
    for(var v = startValue, t = startText; v <= endValue; v = v + incrementValue, t = t + incrementText) { 
     select.append('<option value="' + v + '">' + t + '</option>'); 
    } 
}

http://jsfiddle.net/infernalbadger/pCjdX/1/

來源

2011-11-10 08:59:53

哇！這很酷！謝謝先生！ :) – mrrsb

是否可以在DOM中運行？ – mrrsb

，你可以嘗試這樣的事情與jquery

<select id="mylist"> 
    </select> 

    <script type="text/javascript"> 
    $(function() { 
     var x = 4; 
     var y = 0.5; 
    while(x <=480) 
{ 
    $("#mylist").append("<option value='" + x + "'>" + y + "</option>"); 
    x += 4; 
    y +=0.5; 
}  

    }); 
    </script>

WITHOUT JQUERY

<select id="mylist"> 
     </select> 
    <script type="text/javascript"> 
     window.onload = function() { 
     var html = ""; 
        var x = 4; 
        var y = 0.5; 
        while (x <= 480) { 
         html += "<option value='" + x + "'>" + y + "</option>"; 
         x += 4; 
         y += 0.5; 
        } 

        document.getElementById("mylist").innerHTML = html; 
     } 
    </script>

來源

2011-11-10 08:57:49 saarthak

這是可以作爲一個JavaScript函數？ – mrrsb

更新了沒有jquery – saarthak

的答案真的很好！非常感謝你，先生！榮譽 – mrrsb

這是我能在儘可能少的線路儘可能想到的最簡單的解決方案：

$(function() { 
    $i = 480; 
    while($i > 0) { 
    $("#mylist").append('<option value="' + $i + '">' + $i/8 + '</option>'); 
    $i -= 4; 
    } 
});

這是一個整體的HTML5網頁在瀏覽器中運行：

<!DOCTYPE html> 
<html lang="en-US"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>jquery for</title> 
    <script type="text/javascript" src="js/jquery-1.6.3.min.js"></script> 
</head> 
<body> 

<select id="mylist"></select> 

<script type="text/javascript"> 
$(function() { 
    $i = 480; 
    while($i > 0) { 
    $("#mylist").append('<option value="' + $i + '">' + $i/8 + '</option>'); 
    $i -= 4; 
    } 
}); 
</script> 
</body> 
</html>

來源

2011-11-10 09:27:05

如何填充選擇選項或下拉列表值添加4？

回答

相關問題