从数据库中取回数字并将其作为搜索参数传递

Question

当有人在我的房地产网站上搜索特定城市时，我需要从.csv数据库检索匹配的城市ID，并将检索到的城市ID传递到我的供应商网站其中一个搜索参数，如http; // www.vendor.com？ cityID = 9999

cityID和的cityName的名单是在一个名为myproperty.csv

下面是我现在有当前的HTML代码的文件。

<form action="vendor.com" method="get" target="_blank"> 
<label>Please enter city name:-</label> 
<input type="text" id="cityName" name="cityName"> 

<!-- Please help me to add some codes here --> 

<input type="submit" value="Submit"> 
</form> 

有人可以帮我用代码来达到上述目的吗？ 我已经搜索了高和低的答案，仍然没有工作。请帮忙。在此先感谢您的帮助

哈菲兹

Answer 1

我想你一个支持PHP的Web服务器上运行您的网站，不是吗？在这种情况下，这里有一个解决方案，它使用PHP逐行读取csv文件，并为用户创建一个html下拉菜单，以按名称选择城市。另外，如果你没有在你的服务器上运行PHP，可以使用JavaScript来做同样的事情，如果你需要的话，而不是PHP让我知道。

这可能是最简单的解决方案，你可以，如果你想使用文本输入，而不是在一个下拉城市列表实现一个JavaScript自动完成功能进一步得到。

<form action="vendor.com" method="get" target="_blank"> 
Please select city: 

<?php 
// Set filename to read from 
$csvFile = 'dummy.csv'; 

// Open file handle 
$fp = fopen($csvFile, "r"); 

// In case the file don't exist, exit 
if (!is_resource($fp)){ 
    die("Cannot open $csvFile"); 
} 
?> 
<select name="city"> 
    <?php //Let's read the csvfile line by line: ?> 
    <?php while($line = fgetcsv($fp)): ?> 
     <?php // Assuming that the csvfile's structure is the following: city_id,city_name, we create the dropdown options: ?> 
     <option value="<?php echo $line[0];?>"><?php echo $line[1]?></option> 
    <?php endwhile; ?> 
</select> 

<input type="submit" value="Submit"> 
</form> 

而现在这里的JavaScript解决方案（代码使用jQuery框架，所以你必须把它列入你的HTML标签：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 

您还需要一个隐藏的表单输入包含匹配的城市ID，所以这里是为您的形式扩展HTML标记：

<form action="vendor.com" method="get" target="_blank" id="myForm"> 
    Please enter city name:- 
    <input type="hidden" id="cityId" name="cityId"> 
    <input type="text" id="cityName" name="cityName"> 

    <input type="submit" value="Submit"> 
</form> 

而JavaScript做的工作：

<script> 
     $(function(){ 
      //Ajax call to get csv file contents 
      $.ajax({ 
      type: "GET", 
      url: "dummy.csv", 
      dataType: "text", 
      success: function(data) {process_csv(data);} 
     }); 

     //Event handler for form submission 
     $('#myForm').submit(function(){ 
      //Let's get the value of the text input (city name) 
      var city_name = $('#cityName').val().toLowerCase(); 

      //If the city name exists in our map, let's set the matched city id to the hidden input field called cityId 
      if (city_ids[city_name] > 0) 
      { 
       $('#cityId').val(city_ids[city_name]); 
       return true; 
      } 
      //Otherwise we can't find the city id in our database, so we can't post the form either... 
      alert('No such city name in database!'); 
      return false; 
     }); 

    }); 

    //global variable to contain map of city names and id's 
    var city_ids = {}; 

    //Function to parse csv file and set city map 
    function process_csv(text) { 
     var lines = text.split(/\r\n|\n/); 

     for (var i=0; i<lines.length; i++) { 
      var data = lines[i].split(','); 
      city_ids[data[1].toLowerCase()] = data[0]; 
     } 
    } 
</script>