使用 jquery 在更改事件中从 JS var 添加文本答案

【问题标题】：Adding text from JS var on change event using jquery使用 jquery 在更改事件中从 JS var 添加文本
【发布时间】：2009-03-10 02:06:47
【问题描述】：

我正在尝试完成“类似”的事情。我想根据组合中选择的值将存储在一些 JS 变量中的文本添加到文档中。即如何根据组合的选定值引用 JS 变量？

<select id="clickMe">
    <option value="a">a</a>
    <option value="b">b</a>
    <option value="c">c</a>
</select>

<span id="attachHere"></span>   

<script>

var a = "something about a";
var b = "something about b";
var c = "something about c";

$(document).ready(function() {
    $("#clickMe").change(function() {
        $("#attachHere").text($("#clickMe").val());
    });
});


</script>

【问题讨论】：

标签： jquery

【解决方案1】：

为什么不改用类似的东西呢？

<script>
<!--

var values = {
    'a' : "something about a",
    'b' : "something about b",
    'c' : "something about c",
};

$(document).ready(function() {
    $("#clickMe").change(function() {
        $("#attachHere").text(values[$("#clickMe").val()]);
    });
});

//-->
</script>

您将控制您的值列表并轻松添加和删除值。

【讨论】：

【解决方案2】：

如果你使用 ~~arrays~~ 对象会更好。

假设你不想使用数组，我认为你可以使用 eval：

$(document).ready(function() {
    $("#clickMe").change(function() {
        var tmp;
        eval('tmp = ' + $("#clickMe").val());
        $("#attachHere").text(tmp);
    });
});

【讨论】：

我也推荐阵列。但是 eval() 很好。
是的，很酷。 eval() 有效，但我必须向 lpfavreau 提供答案

【解决方案3】：

尝试将值放入由选择键控的哈希中，然后根据选择的值提取它。

var choices = {};
choices['a'] = 'something about a';
choices['b'] = 'something about b';
choices['c'] = 'something about c';

$(document).ready(function() {
    $("#clickMe").change(function() {
        $("#attachHere").text(choices[$(this).val()]);
    });
});

【讨论】：