2012-04-03 84 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 
}); 
相关问题