Question

我有一个自动分配值的选择框，需要转换这些值以在页面下方显示特定的文本字符串。

例如：

选项1值3111 = abc
选项2值3112 = def
选项3值3113 = ghi
等...

如果用户选择Option 1，则应引用值等于abc并显示abc的内容。

我相信我可以使用$(this).val()获取下拉列表的值，但是如何将其添加到字符串中以表示值是否等于3111 echo abc？

Answer 1

$("#options").change(function(){
    switch($(this).val()){
        case "3111":
            alert("abc");
        break;
        case "3112":
            alert("def");
        break;
    }
});

Answer 2

$("myOption").change(function(){
    $("#displayDiv").html($(this).val());
});

或者使用开关将值从值转换为显示字符串，然后插入它。

Answer 3

首先，您必须将下拉值映射到文本

var dropdown_maps = {
    '3111': 'abc',
    '3112': 'def'
}

然后使用它来检查您的下拉列表

$('#my-dropdown').change(function(){

    var v = $(this).val();
    // e.g. v = '3111'
    if (v in dropdown_maps) {
        // result in 'abc';
       console.log(dropdown_maps[v]); 
    }
});

Answer 4

您可以通过检查所选选项直接获取下拉值。

$('#MySelect').change(function() {
   $('#DisplayDiv').html($('#MySelect option:selected').text());
});

jQuery：显示依赖于下拉值的文本

4 个答案: