在可编辑字段中自动建议

时间:2014-04-10 21:50:29

标签: javascript php

我不知道这是不是一个愚蠢的问题。我有一个代码可以给我自动建议。代码是

HTML

<textarea cols="50" type="text" name="dealer_details" value="" id="country" onkeyup="suggest(this.value);"  onblur="fill();" class="" required autofocus style="border:none;resize: none;font-size:20px;width:80%;height:20px;"></textarea>
<div class="suggestionsBox" id="suggestions" style="display: none;"> 
<div class="suggestionList" id="suggestionsList"> &nbsp; </div>
</div>

脚本

<script>
function suggest(inputString,depo){
    if(inputString.length == 0) {
        $('#suggestions').fadeOut();
    }
    else{
        $('#country').addClass('load');
        $('#depo').addClass('load');
        $.post("autosuggest.php", {queryString: ""+inputString+"",depo: ""+depo+""}, function(data){
            if(data.length >0) {
                    $('#suggestions').fadeIn();
                    $('#suggestionsList').html(data);
                    $('#country').removeClass('load');
                }
            });
        }
    }

    function fill(thisValue) {
        $('#country').val(thisValue);
        setTimeout("$('#suggestions').fadeOut();", 100);
}
</script>

autosuggest.php是

$queryString = $_POST['queryString'];

if(strlen($queryString) >0) {
    $query = mysql_query("SELECT id as id,company as mm FROM `supplier` WHERE company LIKE '$queryString%' LIMIT 3");
    if($query != 0) {
        echo '<ul>';
        while ($result = mysql_fetch_object($query)) {
            echo '<li onClick="fill(\''.addslashes($result->id.'=>'.$result->mm).'\');">'.$result->id.'==>'.$result->mm.'</li>';

    }
        echo '</ul>';

    }

    }
}

它运作良好,但我需要使用链接表单,我点击添加工资增加字段。     添加sallary

他们在salary_name字段中我需要自动建议值,代码是

  <input class="control-label" id="focusedInput" type="text" name="salary_name[]">

<input class="input-xlarge focused" id="focusedInput" type="text" name="salary[]">

AND js

$(document).ready(function() {
$("#addform").click(function(){

$("#new_input").after('<div class="control-group"><input class="control-label" id="focusedInput" type="text" name="sallary_name[]" placeholder="Employee Name"><div class="controls"> <input class="input-xlarge focused" name="sallary[]" type="text" placeholder="Sallary_amount"></input></div></div>');

$("#hiderow").hide();
$("#hiderow").show(); });   });

因为我是这个网站的新手并且在js中不够好。所以请任何建议都会有所帮助。 提前致谢。

0 个答案:

没有答案