2016-01-13 39 views
0

我是比較新的Spring MVCDojo/Dijit小部件和我堅持一個問題。我需要根據從下拉列表中選擇的選項來取消阻止特定div,即當用戶選擇原因爲「Unexperienced」時,我應該用id = "unexpUser" style="display:none;"取消阻止div以收集一些附加信息。可以通過dijit.byId('')。值獲得的值與字符串進行比較嗎?

JSP -

<select data-dojo-type="dijit.form.Select" name="userReason" id = "reason"> 
    <option value="opt0">Experienced</option> 
    <option value="opt1">Not experienced</option> 
</select> 

JC -

<script> 
if(dijit.byId('reason').value == "opt1"){ 
    unexpUser.style.display = 'block'; 
    } 
</script> 

頁面加載後,在下拉列表中顯示的選項是 「經歷」。當我將選項更改爲「沒有經驗」時,我需要解鎖div,但這個特定的代碼似乎不是用於比較的正確代碼。請幫忙。

回答

0

.value不是從dijit widget獲得價值,而不是用正確的方法:

dijit.byId('reason').get("value") 
+0

該div仍然不顯示。 div與id =「unexpUser」style =「display:none;」在另一個div中,id =「firstPage」style =「display:bold;」 。你認爲這可能導致這樣一個事實,即在比較時,我沒有得到id =「unexpUser」的div來解鎖? – PearlDrops

+0

@PearlDrops我需要看到你的html和js代碼 –

+0

謝謝你的幫助。 – PearlDrops

0

使用平變化監聽器:

dijit.byId('reason').on("change",function(evt){ 
    alert(evt); //(evt == value of option) 
    // your code here 
}); 
+0

是的。我做到了。非常感謝!! – PearlDrops

0

好吧,我得到了我的錯誤。這是解決方案。 @Harpreet Singh你的解決方案可以完美的與這段代碼一起工作。
JSP-

<form:select data-dojo-type="dijit.form.Select" path "" name="userReason" id = "reason" onchange="myFunction1();"> 
              <option value="opt0">Experienced</option> 
              <option value="opt1">Not experienced</option> 

            </form:select> 

,並在我的JS我創建的字符串比較函數。 JS -

<script> 
function myFunction1(){ 
if(dijit.byId('reason').get("value") == "opt1"){ 

    unexpUser.style.display = 'block'; 

    } 
</script> 

這個工程。非常感謝你的幫助!

相關問題