Question

我有一个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();"/>

Answer 1

<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>

Answer 2

onchange（）事件不能与JQuery Autocompleter一起使用。尝试使用按钮及其onclick（）事件。

Answer 3

Use 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 );

Answer 4

<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>

此致

使用javascript从struts2 jquery autocompleter读取选定的值

4 个答案: