DropDown菜單，當選擇將選項變成按鈕

有沒有人知道是否有一種方法來做一個下拉菜單，當選擇一個選項，然後將該選項變成一個按鈕，使用HTML或只有在PHP或是不可能的DropDown菜單，當選擇將選項變成按鈕

2014-08-27 James McPhee

你真的想要什麼？當選擇一個選項時，您需要執行一些功能。你需要嗎？ – arunrc 2014-08-27 10:46:35

@詹姆斯麥克菲upvote upvote或接受任何你認爲正確的答案 – Techy 2014-08-27 11:10:24

您可以使用此其工作

的Html

<input type="button" id="conv_but" value="" style="display:none"> 
    <select name="data_select" id="data_select" onchange="converttobutton(this.value);"> 
     <option value="One">One</option> 
     <option value="Two">Two</option> 
     <option value="Three">Three</option> 
     <option value="Four">Four</option> 
     <option value="Five">Five</option> 
     <option value="Six">Six</option> 
    </select>

的Javascript

<script type="text/javascript"> 
    function converttobutton(selected) 
    { 
     document.getElementById('conv_but').value = selected; 
     document.getElementById('data_select').style.display = 'none'; 
     document.getElementById('conv_but').style.display = ''; 
    } 
    </script>

來源

2014-08-27 10:56:49 Veerendra

我認爲你需要change()事件處理程序。創建按鈕

$("ID of the dropdownbox").change (function() { 

//code for creating button(this.value) give the selected option 

var $something= $('<input/>').attr({ type: 'button', 
    name:'btn1', value:this.value}); 
//append this variable inside a div having ID `button_div` 
    $("#button_div").append($something); 
});

來源

2014-08-27 10:51:24 Techy

@James McPhee Veerendra給出的想法比我的答案更好。 – Techy 2014-08-27 11:00:09

創建change()事件中的功能，您將不得不學習JavaScript才能夠做到這一點，有一個觸發的事件稱爲onselect，當您綁定到該事件與使用addEventListener你的JavaScript將能夠讀取<select>字段的.value，然後使用createElement方法創建按鈕。

來源

2014-08-27 10:51:56 user2908232

試試這個用jQuery

<script> 
$(document).ready(function(){ 
    var sel_html = $('#element_place').html(); 
    $('#select_button').change(function(){ 
     var sel_option = $('#select_button').val(); 
     $('#select_button').remove(); 
     new_ele = $('<input>').attr('type','button').attr('value',sel_option); 
     $('#element_place').append(new_ele); 
    }); 
}); 
</script> 
<div id="element_place"> 
<select id="select_button"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
</select> 
</div>

來源

2014-08-27 11:08:27 rahul

我知道你給了我一些答案，但我想要什麼我需要每個不同的按鈕有不同的URL，但此刻所有的按鈕都有相同的URL

來源

2014-08-29 08:05:05

DropDown菜單，當選擇將選項變成按鈕

回答

相關問題