使用Javascript與選擇輸入交互？

說我有一個選擇輸入10個選項和id「myselect」。我怎麼能，在頁面加載或基本上儘可能早，以便它看起來好像它是這樣加載，檢查哪些選項被選中「myselect」，並添加一個CSS類的父，母公司選擇是在？使用Javascript與選擇輸入交互？

這個問題的第二部分是，如果在頁面加載後更改select，那麼相應地更改css類的最佳方法是什麼？最好是添加第二個使用onclick而不是onload的javascript位？

來源

2012-08-01 BRAINBUZZ media

onload沒有被選中。或者你有什麼特別的？ – Bergi 2012-08-01 11:49:12

[jsfiddle.net]（http://jsfiddle.net/）用於測試這樣的事情。當你在那裏玩耍並向我們展示鏈接時，我們可以更好地幫助你 – 2012-08-01 11:51:54

這是ajax，因此以前的設置將保存在刷新上。這是一堆與ajax一起工作的文件。這難道不直截了當地抓住某件事物的身份，看看選擇了什麼？ – 2012-08-01 11:59:07

加載後立即掛鉤的最佳方式是在HTML元素之後立即使用嵌入式JavaScript塊。它比使用document.ready要優雅得多，但它確實可行。類似這樣的：

<select name="s1" id="S1">...<.select> 
<script type="text/javascript"> 
var sel = document.forms[0].S1; 
var ind = sel.selectedIndex; <-- this will tell you which is selected 
if(ind==3) { 
    document.getElementById("S1").parentNode.setAttribute("className", "active") 
} 
</script>

對於第二部分，你想掛鉤「onchange」事件。

來源

2012-08-01 13:39:37

使用Javascript與選擇輸入交互？

回答

相關問題