1

我有一个 jsp 页面和一个 struts2-jquery 自动完成器。自动完成器加载了值，每当我选择一个值时，我都想将该值检索到 JavaScript 函数。

我的代码如下。但它不起作用。

JavaScript 代码：

function loadAjax(){                        
  var empId=document.forms[0].employeename.value;
  alert("Value "+empId); 
}

自动补全代码：

<sj:autocompleter name="employeename" id="employee" label="Employee ID" list="employeeMap" onchange="loadAjax();"/>
4

4 回答 4

0 
<html>
<head>
<sx:head />
</head>


<body>
<h1>Struts 2 autocompleter + JSON example</h1>

<s:form action="resultAction" namespace="/" method="POST" >

<s:url id="databaseList" action="databaseJSON" />

<sx:autocompleter label="What's your favorite Database Server?" 
href="%{databaseList}" name="yourFavDatabase" />

<s:submit value="submit" name="submit" />

</s:form>

</body>
</html>
于 2013-10-25T10:06:14.923 回答
0

onchange() 事件不适用于 JQuery 自动完成器。尝试使用按钮及其 onclick() 事件。

于 2013-10-25T10:24:03.413 回答
0

使用 onSelectTopics

<sj:autocompleter name="employeename" id="employee" label="Employee ID" list="employeeMap" onSelectTopics="auto-select"/>

    <script>
    $(function(){
    $.subscribe("auto-select",function(event){
       console.log(event.originalEvent.event);
       console.log(event.originalEvent.ui);
       console.log(event.originalEvent.ui.item.desc);
       console.log(event.originalEvent.ui.item.value);
    });
});
</script>

以上代码未经测试，使用来自jquery-ui 的参考编写

 $( "#project" ).val( ui.item.label );
        $( "#project-id" ).val( ui.item.value );
        $( "#project-description" ).html( ui.item.desc );
        $( "#project-icon" ).attr( "src", "images/" + ui.item.icon );
于 2013-10-27T19:56:11.340 回答
0 
<sj:autocompleter 
    id="employee" name="employeename" label="Employee ID" 
    list="employeeMap" onSelectTopics="loadAjax"/>

在您的 javascript 部分中添加以下提及代码。

<script type="text/javascript">
$.subscribe('loadAjax', function(event, data) 
{
     var empId = data.value;
     alert(empId);
});
</script>

问候

于 2013-11-08T10:43:05.503 回答