首页 > 后端开发 > php教程 > javascript - jq 如何显示出来下拉框value的值

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2016-09-06 08:57:09
原创
924 人浏览过

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

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

<code>
    <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>
value值
我想在div#k中显示当前选中的下拉选项</code>
登录后复制
登录后复制

请问哪里错了

回复内容:

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

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

<code>
    <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>
value值
我想在div#k中显示当前选中的下拉选项</code>
登录后复制
登录后复制

请问哪里错了

<code>


    <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>


    <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>

</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不就能实现吗

相关标签:
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
怎么实现 JavaScript点与圆的位置关系
来自于 1970-01-01 08:00:00
0
0
0
JavaScript钩子函数是什么?
来自于 1970-01-01 08:00:00
0
0
0
c++ 调用javascript
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板