Php 引导输入字段和下拉按钮提交邮件表单

我有以下问题。我有一个表格，可以从三个选项中选择。问题在于，当其他部分名称、姓氏等发送时，它不会发送所选选项。下面是我发送的代码： 先谢谢你

<div class="col-sm-4"> 
                  <div class="dropdown"> 
                    <button class="btn btn-dropdown dropdown-toggle" type="button" id="service-type" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
                      <span class="drp-name" data-bind="label">Choose</span> 
                      <span class="caret"></span> 
                    </button> 
                    <ul class="dropdown-menu" aria-labelledby="service-type"> 
                   <li><a href="#">x1</a></li> 
                      <li><a href="#">x2</a></li> 
                      <li><a href="#">x3</a></li>                      
                    </ul> 
                  </div> 
                </div> 

HTML:

---

}))

如果没有name属性和表单标签，就无法将值传递给php。您可以直接使用

select

tag进行设置

<form action="file.php" method=POST>
    <select name=option>
 <option value=0 selected>0</option>
 <option value=1> 1</option>
</select><input type=button value=submit>
</form>

0
1.

假设表单的名称为

mail\u form

，并且有一个隐藏的表单元素来保存id

服务类型持有者

和name

服务类型

的选择信息。然后，以下代码可以与内联Javascript一起使用：

<form  name="mail_form" id="mail_form" action="" method="post">
<input type="hidden" name="service-type" id="service-type-holder">
<div class="col-sm-4"> 
        <div class="dropdown"> 
        <button class="btn btn-dropdown dropdown-toggle" type="button" id="service-type" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
            <span class="drp-name" data-bind="label">Choose</span> 
            <span class="caret"></span> 
        </button> 
        <ul class="dropdown-menu" aria-labelledby="service-type"> 
            <li onclick="$('#service-type-holder').val('x1'); $('#mail_form').submit()"><a href="#">x1</a></li> 
            <li onclick="$('#service-type-holder').val('x2'); $('#mail_form').submit()"><a href="#">x2</a></li> 
            <li onclick="$('#service-type-holder').val('x3'); $('#mail_form').submit()"><a href="#">x3</a></li>                      
        </ul> 
        </div> 
</div> 

选择

---

您的

标记在哪里？我使用了dropwdown，所以我想我不需要它？如果您想在下拉列表中使用引导代码，您需要添加一些JavaScript来处理下拉列表的更改，并添加一个隐藏的表单元素来处理“服务类型”值。（Bootstrap下拉列表并不是用来替代

select

元素的。当用户选择某项内容时，您需要添加一些JavaScript来处理。）@Jeffwa我添加了JS（查看我的编辑帖子），但它仍然不起作用。如果HTML表单元素没有

name

属性，那么它们在提交时不会被传输。此外，

按钮

s除非单击，否则不会被传输。

<div class="col-sm-4">
    <div class="dropdown">
        <button class="btn btn-dropdown dropdown-toggle" type="button" id="service-type" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
            <span class="drp-name" data-bind="label">Rodzaj usługi</span>
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" aria-labelledby="service-type">
            <li><a href="#">x1</a></li>
            <li><a href="#">x2</a></li>
            <li><a href="#">x3</a></li>
        </ul>
    </div>
    <input type='hidden' name='service-type'> <!-- ADD THIS -->
</div>

$(document.body).on('click', '.dropdown-menu li', function(event) {
    event.preventDefault();

    var $target = $(event.currentTarget);

    $target.parents('.dropdown').sibling('[name=service-type]').val($target.text());

<form action="file.php" method=POST>
    <select name=option>
 <option value=0 selected>0</option>
 <option value=1> 1</option>
</select><input type=button value=submit>
</form>

<form  name="mail_form" id="mail_form" action="" method="post">
<input type="hidden" name="service-type" id="service-type-holder">
<div class="col-sm-4"> 
        <div class="dropdown"> 
        <button class="btn btn-dropdown dropdown-toggle" type="button" id="service-type" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
            <span class="drp-name" data-bind="label">Choose</span> 
            <span class="caret"></span> 
        </button> 
        <ul class="dropdown-menu" aria-labelledby="service-type"> 
            <li onclick="$('#service-type-holder').val('x1'); $('#mail_form').submit()"><a href="#">x1</a></li> 
            <li onclick="$('#service-type-holder').val('x2'); $('#mail_form').submit()"><a href="#">x2</a></li> 
            <li onclick="$('#service-type-holder').val('x3'); $('#mail_form').submit()"><a href="#">x3</a></li>                      
        </ul> 
        </div> 
</div>