javascript - 如何在同一页面上的 javascript 中使用从自动完成中选择的值

Question

这是我的代码，

 <script language="javascript" type="text/javascript"> 
    jQuery(function(){
    $("#cname").autocomplete("list1.jsp");
    });
       $(document).ready(function(){
       $('div.ajaxx').delegate("#cname","change",function(){
            var env_id=ui.item.value;
            $.ajax({
                url:'dc_ajax.jsp',
                type:'POST',
                data:{count:env_id},
                success:function(data){
                    $('div.dc').html(data);
                },
                error:function(){
                $('div.dc').html('<p class="error"><strong>Oops!</strong> Try that again in a few moments.</p>');
                }               
            });
        }); 

       });
</script>

在此代码中，我想使用自动完成中的值选择来调用 ajax。但是当我尝试使用它时，它显示空值，但在重定向到另一个页面时，它显示选定的值。那么如何在 javascript 中使用该值呢？

这是我的 html 代码，其中 ajax 调用

        <div class='ajaxx'>
        <span style="font-family: 'Terminal Dosis Light', sans-serif;font-size: 20px"> <b>Select Customer :</b></span>  
          <input type="text" id="cname" name="cname" class="input_text" value="" required />
    <div class='dc' style="margin-top: 1em;"></div> 
    </div>

Answer 1

您可以使用Autocomplete change event就像，

jQuery(function () {
    $("#cname").autocomplete({
        source: "list1.jsp",// your source
        change: function (event, ui) { // autocomplete changes
            var env_id = ui.item.value;// you will get here, in your case it is undefined
            $.ajax({
                url: 'dc_ajax.jsp',
                type: 'POST',
                data: { count: env_id },
                success: function (data) {
                    $('div.dc').html(data);
                },
                error: function () {
                    $('div.dc').html('<p class="error"><strong>Oops!</strong> Try that again in a few moments.</p>');
                }
            });
        }
    });
});

或者尝试Select-event相反。