Question

有没有人知道是否有办法制作一个下拉菜单，当选择一个选项时，然后使用html将该选项变成一个按钮，或者只能在php中使用或者根本不可能

Answer 1

你必须学习javascript才能做到这一点，有一个名为onselect的事件被触发，当你使用addEventListener使用javascript绑定到该事件时，你将能够阅读{ {1}}字段的{1}}，然后使用.value方法创建一个按钮。

Answer 2

尝试使用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>

Answer 3

我认为你需要change()事件处理程序。在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);
 });

Answer 4

你可以使用它的工作

<强> 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>

Answer 5

我知道你给了我一些答案，但是我想要的是我需要每个不同的按钮都有不同的URL，但目前所有按钮都有相同的URL

选择DropDown菜单会将选项变为按钮

5 个答案: