如何使用jQuery显示select表单的值？

我有以下代码：

<select id="testlist" class="select-block span8">
    <option value="0">Red</option>
    <option value="1" selected="selected">Yellow</option>
    <option value="2">Blue</option>
    <option value="3">Green</option>
</select>
<div id="result"></div>

红色
黄色的
蓝色
绿色

选择后，我希望div“result”自动更新以显示所选选项的值。例如，如果我选择蓝色，我希望div显示“2”

我试过：

<script>$('#testlist').val()</script> 

$（'#testlist'）.val（）

不走运

使用jQuery（或者javascript，如果这更合理的话），我将如何做到这一点？

应该可以正常工作：

//when the select changes
$('#testlist').on('change', function() {
    //set the text to the select's value
    $('#result').text($(this).val());
}

取决于您的div是否将

结果
作为其ID。您可以看到一个工作的JSFIDLE，这里：
应该可以正常工作：

//when the select changes
$('#testlist').on('change', function() {
    //set the text to the select's value
    $('#result').text($(this).val());
}

取决于您的div是否将
结果
作为ID。您可以看到一个正在工作的JSFIDLE，这里：
@Chad的答案将与jQuery一起工作-如果您不使用jQuery，您可以始终使用：

<select id="testlist" class="select-block span8" onChange="setDiv();">
    <option value="0">Red</option>
    <option value="1" selected="selected">Yellow</option>
    <option value="2">Blue</option>
    <option value="3">Green</option>
</select>
<div id="result"></div>

<script>
    function setDiv(){
        var testlist = document.getElementById('testlist').value;
        document.getElementById('result').innerHTML = testlist;
    }
</script>


红色
黄色的
蓝色
绿色
函数setDiv（）{
var testlist=document.getElementById（'testlist'）。值；
document.getElementById（'result'）.innerHTML=testlist；
}

请参见这里的jsFiddle
@Chad的答案将与jQuery一起使用-如果您不使用jQuery，您可以始终使用：

<select id="testlist" class="select-block span8" onChange="setDiv();">
    <option value="0">Red</option>
    <option value="1" selected="selected">Yellow</option>
    <option value="2">Blue</option>
    <option value="3">Green</option>
</select>
<div id="result"></div>

<script>
    function setDiv(){
        var testlist = document.getElementById('testlist').value;
        document.getElementById('result').innerHTML = testlist;
    }
</script>


红色
黄色的
蓝色
绿色
函数setDiv（）{
var testlist=document.getElementById（'testlist'）。值；
document.getElementById（'result'）.innerHTML=testlist；
}

请参见这里的jsFiddle
$（'#testlist'）.val（）
The:
$（“#selectlist”）.change（function（）{alert（$（this.val（））}）
到目前为止您尝试了什么？在这里展示你已经尝试过的东西通常会得到更好的答案。@Jason我最初的尝试是直接使用
$（'#testlist'）.val（）
——这显然是错误的。然后我寻找了一个类似于PHP echo的东西，它似乎是document.write（）。但是，我不认为这是我想要的。
$（'#testlist'）.val（）
The:
$（“#selectlist”）.change（function（）{alert（$（this.val（））}）
到目前为止您尝试了什么？在这里展示你已经尝试过的东西通常会得到更好的答案。@Jason我最初的尝试是直接使用
$（'#testlist'）.val（）
——这显然是错误的。然后我寻找了一个类似于PHP echo的东西，它似乎是document.write（）。然而，我不认为这是我想要的。我在jQuery是一个完全的新手-我将如何实现它<代码>//当select更改$（'#biomelist'）.on（'change'，function（）{//将文本设置为select的值$（'#result'）.text（$（this.val（））；}红色-黄色-蓝色-绿色
此代码似乎不会导致div编辑。请确保在dom就绪事件中运行您的代码。已编辑的答案带有工作链接。我是jQuery的新手-我将如何实现它？
//当select更改$（'#BioElist'）。on（'change'，function（）{//将文本设置为select的值$（'#result'）.text（$（this.val（））；}红色-黄色-蓝色-绿色
此代码似乎不会导致div编辑。请确保在dom就绪事件中运行您的代码。使用工作链接编辑了答案。我假设他是因为问题被标记
jquery
我假设他是因为问题被标记
jquery