एक प्ले टेम्पलेट में जावास्क्रिप्ट और स्कैला मिलाकर

Question

मुझे यकीन नहीं है कि यह कैसे किया जाता है। मैं उस मार्ग को कड़ी मेहनत कर सकता हूं जिसका मैं उपयोग करने की कोशिश कर रहा हूं, लेकिन मैं इसे सही तरीके से करना चाहता हूं।

मेरे पास एक ड्रॉपडाउन है जिसे परिवर्तन पर एक नया पृष्ठ लोड करने की आवश्यकता है। यहाँ मूल रूप से मैं कैसे यह करने के लिए कोशिश कर रहा हूँ है (मैं इस के कुछ रूपों की कोशिश की है):

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

यह एक identifier expected but 'val' found अपवाद पैदा करता है। मैंने उद्धरणों में इसके आस-पास की कोशिश की, लेकिन इससे [NumberFormatException: For input string: "$(this).val()"]

तो मैं जावास्क्रिप्ट से एक स्कैला फ़ंक्शन में कैसे मूल्य डालूं?

संपादित

यहाँ मेरी समाधान, स्वीकार किए जाते हैं जवाब से प्रेरित है। यह ड्रॉपडाउन एक टैग में परिभाषित किया गया है जो विभिन्न घटकों द्वारा पुन: उपयोग के लिए बनाया गया है, और बेस यूआरएल प्रत्येक घटक के लिए अलग है।

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

तो फिर तुम में पारित करने के लिए इस तरह एक समारोह को परिभाषित कर सकते हैं:: जिस तरह से इस लक्ष्य को हासिल करने के लिए एक समारोह है कि लटकती में एक खाता कुंजी के आधार पर URL जेनरेट करती है पारित करने के लिए था

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

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

Answer 1

आप पृष्ठ में सभी यूआरएल संग्रहीत करने के तरीके की आवश्यकता है, उदाहरण के लिए

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

फिर onChange, आप:

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