2012-04-03 86 views
0

例如,選擇框具有3個選項如何在選擇選擇框值時顯示消息?

A,B,C

每一個有一個消息分配

一個:消息用於

B:消息b

c:針對c的消息

我想實現的是當optiton選擇時,消息將顯示在選擇框旁邊,當optiton值更改時,消息將同時更改。消息存儲在一個數組中

謝謝。

這裏是一個選擇框的鏈接,它不是簡單的選擇框,雖然,因爲有三個按選擇框,當一個選項被選擇了三個選項中,選擇框的其餘部分該選項將被禁用

http://jsfiddle.net/davidThomas/M33N9/

+1

這可以通過多種方式完成。你在尋找什麼方法?示例代碼也是有幫助的。 – Joe 2012-04-03 18:29:50

+0

你能發表一些你的帖子嗎?會幫助我們幫助你! – 2012-04-03 18:30:22

+1

顯示使用你的頁面,我們甚至不知道你的選擇框名稱是什麼或任何東西。 – 2012-04-03 18:31:32

回答

1

證明:

http://jsfiddle.net/iambriansreed/G7Lvx/

HTML:

<select> 
    <option>a</option> 
    <option>b</option> 
    <option>c</option> 
</select> 
​<div id="message"></div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

的JavaScript:

var messages = { 
    a: 'Armadillo', 
    b: 'Bear', 
    c: 'Cougar' 
} 
$('select').change(function() { 
    $('#message').text(messages[$(this).val()]); 
});​ 
+0

請檢查我編輯的問題,對不起,遺漏的代碼 – user782104 2012-04-03 18:39:46

+0

這個作品,但是,我想知道如何動態添加JavaScript使用PHP?例如,我必須設置規則「sel1.onchange = disableOpts(this)」for每個選擇框我想用php來獲得選擇框的總數並添加javascript,這可能嗎? – user782104 2012-04-03 18:49:01

0

更改這個

(var i = 0, len = elem.length; i < len; i++) 

從這個:

(var i = 0, len = sels.length; i < len; i++) 
+0

請檢查我編輯的問題,遺憾代碼 – user782104 2012-04-03 18:39:03

+0

您的問題標題和要求是完全不同的。不能幫得太多。 :( – hjpotter92 2012-04-03 18:44:40

0

改變你的選擇框有儘可能值的陣列,例如在郵件的位置時,它顯示了一個,然後改變事件中,你可以得到的消息

$('Yourselect').change(function(){ 
var msg = YourArray[$(this).val()]; 
// Show it wherever yu want 
}); 
相關問題