php - bootstrap 输入字段和下拉按钮提交邮件表格

我有以下问题。我有一个表格，可以从三个选项中选择。问题是它不发送选定的选项，而发送其他节的名称、姓氏等。下面是我发送的代码：
提前谢谢你

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

php代码：

<?php
$to = '[e-mail]';
$subject  = "Appointment Form";
$servicetype = stripslashes($_REQUEST['service-type']);
$msg = "";
$msg .= "Service Type: ".$servicetype."\r\n\n";  // add sender's sources to the message
$mail = @mail($to, $subject, $msg, "From:".$email);

if($mail) {
   header("Location:index.html");
} else {
   echo 'Message could not be sent!';
}

?>

我也添加了JS，但仍然不起作用

Dropdown Select
    $( document.body ).on( 'click', '.dropdown-menu li', function( event ) {
      var $target = $( event.currentTarget );
      $target.closest( '.dropdown' )
         .find( '[data-bind="label"]' ).text( $target.text() )
            .end()
         .children( '.dropdown-toggle' ).dropdown( 'toggle' );
      return false;
   });

最佳答案

HTML格式：

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

JavaScript代码：

$(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());

});

关于php - bootstrap 输入字段和下拉按钮提交邮件表格，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48049883/