Question

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

1）当我从下拉菜单中选择任何项目时，由于href =＆＃34;＃＆＃34;，它会在网址中跳转到我的屏幕顶部。当我删除＆＃34;＃＆＃34;时，它开始在选择项目上刷新页面。

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中有Text.MaxDocumentSize页面向上滚动（即导航到链接目标）。您可以在代码中添加#来阻止此事件。

对于Point 2 ：既然你说过你能够获得服务器端php代码的价值那么你可以继续进一步使用 AJAX Post方法。最终的代码是

event.preventDefault()

Answer 2

你必须把它发布到php。我是这样用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();

    });
}

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

2 个答案: