使用href操作更改所选选项

时间:2011-03-21 13:43:03

标签: javascript yui

我目前正在使用ftl页面,我需要你的帮助。我有一个用户列表,显示在没有选中选项的下拉菜单中。在此列表旁边有一个href“select current user”,我需要做的是更改选项以选择要在列表中选择的当前用户。这是代码:

<select class="select" name="users" id="users">
        <#list users as user>
<option value="${user.id}">${user.firstName}</option>
    </#list>
</select>                       
     <a href="#">select current user</a>

BTW我确实有currentUser.id。 任何人都知道如何使用JS&amp; amp; YUI? 在此先感谢:)

1 个答案:

答案 0 :(得分:2)

你的意思是

 <a href="#" 
 onclick="document.getElementById('users').value='$(currentUser.id}'; 
 return false">select current user</a>

可以在较新的浏览器中使用

较早(和较新)的浏览器可能需要

<script type="text/javascript">
function selectUser(val) {
  var users = document.forms[0].users;
  for (var i=0;i<users.length;i++) {
    if (users[i].text === val) {
      users[i].selected=true;
      break
    }
  }
  return false
}
</script>
<a href="#" id="${currentUser.id}"
 onclick="return selectUser(this.id)" >select current user</a>