如何在数据库中插入引导下拉值

Question

我正在使用引导程序来制作用户表单。 现在我需要在数据库中插入选定的下拉值。 但我面临两个问题。

1) 当我从下拉列表中选择任何项目时，由于 href="#"，它会在 url 中跳转到我的屏幕顶部。当我删除“#”时，它开始在选择项上刷新页面。

2) 我如何定位我的下拉列表以使用 php 在数据库中插入任何选定的值。

我的代码是

 <div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Select City
<span class="caret"></span></button>
<ul class="dropdown-menu">
  <li><a href="#">Lahore</a></li>
  <li><a href="#">Islamabad</a></li>
  <li><a href="#">karachi</a></li>
</ul>
   </div>

javascript 代码

$(document).ready(function() {


    $(".dropdown-menu li a").click(function(){
  $(this).parents(".dropdown").find('.btn').html($(this).text() + ' <span class="caret"></span>');
  $(this).parents(".dropdown").find('.btn').val($(this).data('value'));
});

Answer 1

对于第 1 点： 由于您在 href 中有 # ，因此页面向上滚动（即导航到链接目标）。您可以通过在代码中添加 event.preventDefault() 来阻止此事件。

对于第 2 点：既然您说如果您能够获取服务器端 php 代码的值，那么您可以继续进行，您可以使用 AJAX Post 方法。最终的代码是

 $(document).ready(function() {
    $(".dropdown-menu li a").click(function(e){
      e.preventDefault(); //this is the line which prevents the event
      $(this).parents(".dropdown").find('.btn').html($(this).text() + ' <span class="caret"></span>');
      $(this).parents(".dropdown").find('.btn').val($(this).data('value'));

     //this is the code to post the value to server
     $.post("YourPHPMethod.php",{name: $(this).text()} ,function(response){
        alert("Response from server: "+response);
     });
});

Answer 2

您必须将其发布到 php.ini 文件中。我用这样的ajax来做。

看：http://www.codesheet.org/codesheet/wOHDXFju

function postContent(cv) {

  $("#myDiv").html('L  O  A  D  I  N  G ...').show();

  var url = "/post.php";

  $.post(url, {id: cv} ,function(data) {  //contentVar is the variable in post.php

       $("#myDiv").html(data).show();

    });
}