Question

例如，一个选择框有3个选项

a，b，c

每个人都有一个消息分配

a：

的消息

b：b

的消息

c：c

的消息

我想要实现的是当optiton选择时，消息将显示在选择框旁边，当optiton值改变时，消息将同时被更改。消息存储在数组

中

谢谢。

这是选择框的链接，但它不是简单的选择框，因为每三个选择框中有三个选项，当选择一个选项时，选择框的其余部分中的该选项将被禁用

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

Answer 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()]);
});

Answer 2

更改为

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

来自：

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

Answer 3

更改您的选择框，使其具有数组中消息的位置值，例如当它显示A时，然后在更改事件中，您可以获得消息

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

如何在选择选择框值时显示消息？

3 个答案: