javascript - jq 如何显示出来下拉框value的值-php教程-PHP中文网

javascript - jq 如何显示出来下拉框value的值

php中文网

发布： 2016-09-06 08:57:09

原创

1191人浏览过

我想写这样的一个东西
有一个下拉框，当选中某个值的时候，在一个div内里显示出来当前选中的值。切换其他的下拉选项时，div里的值也会改变。

这是我的代码，但是无法实现。请问哪里错了？

立即学习“Java免费学习笔记（深入）”；

<code><body>
    <script src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>

<select id="s">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select>
    <script type="text/javascript">
        $('#k').on('change', function()
{
    document.write($("#s").val());
    
});
    </script>
    <div id="k"></div>
</body>value值
我想在div#k中显示当前选中的下拉选项</code>

登录后复制

请问哪里错了

卡拉OK视频制作

卡拉OK视频制作，在几分钟内制作出你的卡拉OK视频

178

查看详情

回复内容：

我想写这样的一个东西
有一个下拉框，当选中某个值的时候，在一个div内里显示出来当前选中的值。切换其他的下拉选项时，div里的值也会改变。

这是我的代码，但是无法实现。请问哪里错了？

立即学习“Java免费学习笔记（深入）”；

<code><body>
    <script src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>

<select id="s">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select>
    <script type="text/javascript">
        $('#k').on('change', function()
{
    document.write($("#s").val());
    
});
    </script>
    <div id="k"></div>
</body>value值
我想在div#k中显示当前选中的下拉选项</code>

登录后复制

请问哪里错了

<code><!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
    <script>
    $(document).ready(function(){
        $('#s').on('change', function(){
            $("#k").text($("#s").val())
        })
    })
    </script>
</head>
<body>
    <select id="s">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
    </select>
    
    <div id="k"></div>
</body>
</html></code>

登录后复制

你的逻辑性已经出神入化了！
要去s变化的值你把事件绑定到k身上？

要用each 然后让每个option绑定事件。这样才会有效果。

<code><script type="text/javascript">

    $('#s').each(function (i, j){
        
        $(j).click(function(){
            value = $(j).val();
            $("#k").text(value);
        })
    })
    
</script></code>

登录后复制

试试这个：

<code>$('#s').change(function(){
  $('#k').text($(this).find(':selected').text());
});</code>

登录后复制

s改变时k的文本变成s当前选中项的文本。
手机码字，不详见谅！

`$(function(){$('#s').on('change',function(){
$（'#s :checked').val();
});})`

原生select不就能实现吗