下拉菜單WordPress的插件

<form id="promacform" onsubmit="return protein_calculator(this);" method="post"> 
    Weight: <input type="text" name="protein_weight" id="protein_weight" size="5"; /> lbs.<br /> 
    Activity level (1.1-1.4): <input type="text" name="protein_activity" id="protein_activity" size="5"; /> <br /> 
    <br><input type="submit" name="submit" id="submit" value="Calculate" /><br /> 
    <div id="protein_result"></div> 
</form>

我試着去增加一個下拉的活動水平的菜單，這將有4個選項：下拉菜單WordPress的插件

輕輕活躍的（適度的體育鍛煉，但久坐的工作）
適度活躍（激烈的運動，但久坐的工作）
非常活躍（適度的運動和積極的工作）
額外的主動（激烈的運動和積極的工作）

我不是很清楚如何設置它，因爲它是建立在現在的用戶方式有輸入一些從1.1-1.4（活動水平範圍），並從那裏它計算它。

來源

2016-05-02 Alex Luna

請發佈問題代碼，而不是附加圖片。 – Amous

我不明白，你不就是想'<選擇name = 「protein_activity」><期權價值= 「1.1」>輕輕活動<期權價值= 「1.2」>適度活躍<期權價值=「1.3 「>非常活躍<期權價值=」 1.4" >附加活動'有什麼超出你在找什麼？ – Rasclatt

我所要做的就是添加一個下拉菜單而不是用戶輸入 –

從我的意見，你可能只想要這個：

<label>Activity level 
<select name="protein_activity"> 
    <option value="1.1">Lightly Active</option> 
    <option value="1.2">Moderately Active</option> 
    <option value="1.3">Very Active</option> 
    <option value="1.4">Extra Active</option> 
</select> 
</label>

另一種可能性，你可能有興趣是一個range滑塊，但你必須修改你的PHP側以適應形式將從1發 - 4而不是1.1 - 1.4，但它可能會增加用戶體驗。這只是一個range的快速和骯髒的例子。注range僅在HTML5可用：

<style> 
input[type=range] { 
    width: 300px; 
} 
ul.ranger { 
    width: 300px; 
    display: table; 
    list-style: none; 
    margin: 0; 
    padding: 0; 
} 
ul.ranger li { 
    display: table-cell; 
    text-align: center; 
    width: 75px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    padding: 0; 
} 
ul.ranger li:last-child { 
    text-align: right; 
} 
ul.ranger li:first-child { 
    text-align: left; 
} 
</style> 
<form> 
<input type="range" min="1" max="4" value="2" id="slider" name="protein_activity"> 
<ul class="ranger"> 
    <li>Light</li> 
    <li>Moderate</li> 
    <li>Heavy</li> 
    <li>Extreme</li> 
</ul> 
</form>

來源

2016-05-02 05:54:04 Rasclatt

下拉菜單WordPress的插件

回答

相關問題