超過3路複選框

我想實施國家選擇輸入。換句話說，我有一個帶有25x25px標誌的表單，我希望它可以點擊 - 例如，默認爲德語，首先點擊將其更改爲荷蘭，其次是瑞士或w/e。超過3路複選框

最後選擇的值需要在我的POST數組中使用表單的其他值。

我已經試過用javascript的3路複選框來完成這個任務，但我需要超過3個選項。

任何想法如何做到這一點？我想過一個輸入選擇，隱藏除當前值之外的所有內容 - 但我不知道如何提交這個以更改下一個值。

在此先感謝您的任何意見，請不要評論我這樣的問題 - 這是我的第一個js/html/css項目。 :-)

來源

2013-05-06 Patrick R.

下拉菜單 – Doorknob 2013-05-06 12:15:41

一個'button'其上點擊價值的變化？ – 2013-05-06 12:15:47

隱藏'輸入'保存一個值，'img'代表一個標記 – Vadim 2013-05-06 13:03:20

你可以做這樣的事情：

HTML

<form method="POST"> 
    <img src="german.png" onclick="switchCountry(this);"/> 
    <input id="country" name="country" type="hidden" value="german" /> 
    <input type="submit" value="Submit" /> 
</form>

的JavaScript

var countries = ['german', 'netherlands', 'swiss']; 

var switchCountry = function(img) { 
    var input = document.getElementById('country'), 
     oldValue = input.getAttribute('value'), 
     newValue = countries[(countries.indexOf(oldValue) + 1) % countries.length]; 

    // Switch input value that will be posted with form 
    input.setAttribute('value', newValue); 

    // Switch graphical representation of country 
    img.setAttribute('src', newValue + '.png'); 
};

例這裏http://jsbin.com/alasip/1/edit

來源

2013-05-06 13:01:03 Vadim

非常感謝！只要我獲得聲望，我就會投你一票。 – 2013-05-06 13:47:56

@PadvonDo您已經有足夠的信譽來接受最有幫助的答案。見最後一段這裏http://stackoverflow.com/privileges/create-posts – Vadim 2013-05-06 13:58:50

剛剛做到了，謝謝。猜猜我需要進一步進入這個網站。 – 2013-05-06 14:03:22

超過3路複選框

回答

相關問題