Mezcla de JavaScript y Scala en una plantilla de Play

Question

No estoy seguro de cómo se hace esto. Podría codificar la ruta que trato de usar, pero me gustaría hacerlo de la manera correcta.

Tengo un menú desplegable que necesita cargar una nueva página en el cambio. Aquí es básicamente cómo estoy tratando de hacerlo (lo he intentado un par de variaciones de este):

@getRoute(value: String) = @{ 
    routes.Accounts.transactions(Long.valueOf(value)) 
} 

    <script type="text/javascript"> 
     $(function() { 

     $("select[name='product']").change(function() { 

      location.href = @getRoute($(this).val()); 
     }).focus(); 

     $('a.view.summary').attr('href', "@routes.Accounts.index()" + "?selectedAccountKey=" + $('select[name=product]').val()); 
     }); 
    </script> 

Esto produce una excepción identifier expected but 'val' found. También traté de rodearlo entre comillas, pero eso causa un [NumberFormatException: For input string: "$(this).val()"]

Entonces, ¿cómo diablos puedo insertar un valor de JavaScript en una función de Scala?

Editar

aquí está mi solución, inspirada en la respuesta aceptada. Este menú desplegable se define en una etiqueta que está hecha para ser reutilizada por diferentes componentes, y la URL base es diferente para cada componente. La manera de lograr esto iba a pasar por una función que genera una URL basado en una clave de cuenta en el menú desplegable:

@(accountList: List[models.MemberAccount], 
    selectedAccountKey: Long, 
    urlGenerator: (Long) => Html 
) 

<select name="product"> 
    @for(account <- accountList) { 
    @if(account.accountKey == selectedAccountKey) { 
     <option selected="selected" value="@urlGenerator(account.accountKey)">@account.description (@account.startDate)</option> 
    } else { 
     <option value="@urlGenerator(account.accountKey)">@account.description (@account.startDate)</option> 
    } 
    } 
</select> 

<script type="text/javascript"> 
$(function() { 
    $('select[name=product]').change(function() { 
     location.href = $(this).val(); 
    }); 
}); 
</script> 

A continuación, se puede definir una función como esta para pasar en:

@transactionsUrl(memberAccountKey: Long) = { 
    @routes.Accounts.transactions(memberAccountKey) 
} 

@accountsDropdown(transactionDetails.getMemberAccounts(), transactionDetails.getMemberAccountKey(), transactionsUrl) 

Answer 1

Usted necesita una forma de almacenar todas las URL en la página, por ejemplo

<option value="@routes.Accounts.transactions(id)">Display</option> 

Entonces onChange, puede:

$("select[name='product']").change(function() { 
    location.href = $(this).val(); 
});