Javascript 选择选择框选项时显示变量

例如，选择框

<select>
  <option selected="" value="">Please Select</option>
  <option value='txt'>Text</option>
  <option value='int'>Numbers</option>
  <option value='bool' >Boolean</option>
</select>

---

我想实现的是在选择时显示相应的消息

我不懂php，但首先我认为需要使用

json\u encode

将php数组转换为javascript对象

---

此外，您还需要一个

类/id

用于选择。因为当您更改页面中任何选择框的选项时，会触发上述代码。

我不知道php，但首先我认为您需要使用

json\u encode

将php数组转换为javascript对象

---

此外，您还需要一个

类/id

用于选择。因为当您更改页面中任何选择框的选项时，将触发上述代码。

假设您发布的数组是一个JavaScript对象（看起来您使用的是PHP的关联数组表示法）：

---

.

假设您发布的数组是一个JavaScript对象（看起来您使用的是PHP的关联数组表示法）：

---

.

如果要使用jQuery执行此操作：

$messageList= { 'txt':'text message', 'int':'int message','bool':'bool message' };

$('#choices').change( function() { alert( $messageList[ $(this).val() ] ); } );​

JFiddle这里：

---

如果要使用jQuery执行此操作：

$messageList= { 'txt':'text message', 'int':'int message','bool':'bool message' };

$('#choices').change( function() { alert( $messageList[ $(this).val() ] ); } );​

JFiddle这里：

---

如何显示相应的消息？在警报框中？在另一个元素中？如何显示相应的消息？在警报框中？在另一个元素中？@user782104正如我前面提到的，我不是一个php的家伙。。但是，如果数据库返回的结果与此类似，那么

json_encode

将为您提供javascript对象，您可以在javascript中使用它。而不是警告如何在屏幕上显示html内容？@user782104取决于您要显示的位置。假设在html中有一个简单的div，比如

，那么就可以

$（'#showMsg'）.html（msgs[$（this.val（）））@user782104正如我前面提到的，我不是一个php的家伙。。但是，如果数据库返回的结果与此类似，那么
json_encode
将为您提供javascript对象，您可以在javascript中使用它。而不是警告如何在屏幕上显示html内容？@user782104取决于您要显示的位置。假设在html中有一个简单的div，比如
，那么就可以
$（'#showMsg'）.html（msgs[$（this.val（）））
$('select').change (function () { 
    alert(msgs[$(this).val()]);
});

​var sel = document.getElementsByTagName('select')[0],
    $messageList= {
    'txt' : 'text message',
    'int' : 'int message',
    'bool' : 'bool message'
    };

sel.onchange = function(){
    var selected = this.value;
    alert($messageList[selected]);
};​​

$messageList= { 'txt':'text message', 'int':'int message','bool':'bool message' };

$('#choices').change( function() { alert( $messageList[ $(this).val() ] ); } );​