Question

<script type="text/javascript">
// AJAX call for autocomplete 
$(document).ready(function(){

$( "#datepicker" ).datepicker({
    changeMonth: true,//this option for allowing user to select month
    changeYear: true //this option for allowing user to select from year range
    });

$("#script_name").keyup(function(){
    $.ajax({
    type: "POST",
    url: "readCountry.php",
    data:'keyword='+$(this).val(),
    beforeSend: function(){
    $("#script_name").css("background","#FFF url(LoaderIcon.gif) no-repeat 165px");
    $("#industry_name").css("background","#FFF url(LoaderIcon.gif) no-repeat 165px");
    },
    success: function(data){

    $("#industry_name_box").show();
    $("#industry_name_box").html(data);
    $("#industry_name").css("background","#FFF");


    $("#script_suggestion_box").show();
    $("#script_suggestion_box").html(data);
    $("#script_name").css("background","#FFF");



    }
    });
});

});
//To select country name
function selectCountry(val) {
$("#script_name").val(val);
$("#script_suggestion_box").hide();
}

function selectCountry1(val) {
$("#industry_name").val(val);
$("#industry_name_box").hide();
}
</script>

我想要的是：
当某人首先在一个字段中输入文本时，我设法做了自动完成功能然后根据该字段，相应的数据显示在另一个文本框中，就像我们在状态，城市在php中的选择框中一样，但是在这里我想要它在文本框中。

修改这是两个HTML片段，其中发布了评论：

<input name="textfield" type="text" id="script_name" placeholder="Script Name" style="background-color:#fff; padding:5px; color:#000;"></td> <input name="textfield2" type="text" id="textfield2" value="Sector" style="background-color:#fff; padding:5px; color:#000;"></td>

<input name="textfield" type="text" id="script_name" placeholder="Script Name" style="background-color:#fff; padding:5px; color:#000;"> <input name="textfield2" type="text" id="textfield2" value="Sector" style="background-color:#fff; padding:5px; color:#000;">

OnKeyUp多个文本框

0 个答案: