【问题标题】:Changing the contents of a text field on change of a dropdown menu更改下拉菜单时更改文本字段的内容
【发布时间】:2013-07-03 10:54:14
【问题描述】:

每次更改 5 个下拉菜单之一时,我都尝试使用以下内容更改 5 个文本框的值。出于某种原因,它虽然不起作用。我只想从下拉列表中获取值并将其放入文本框中,我不需要任何其他信息,例如之间的数据 而且,只是价值,我不确定为什么它不起作用:-S。下拉列表中的值将是一个数字字符串,例如 458766958

    <script>
    $('#stock1').change(function() {
        $('#stock1T').val($('#stock1 option:selected').data('value'));
    })

    $('#stock2').change(function() {
        $('#stock2T').val($('#stock2 option:selected').data('value'));
    })

    $('#stock3').change(function() {
        $('#stock3T').val($('#stock3 option:selected').data('value'));
    })

    $('#stock4').change(function() {
        $('#stock4T').val($('#stock4 option:selected').data('value'));
    })

    $('#stock5').change(function() {
        $('#stock5T').val($('#stock5 option:selected').data('value'));
    })
    </script>

【问题讨论】:

  • 你能为此制作一个小提琴吗?
  • 你的option 元素有data-value 属性吗?

标签: jquery function drop-down-menu onchange select-menu


【解决方案1】:

不要使用data(),而是尝试使用val()获取选定的值

      $('#stock1').change(function() {
              $('#stock1T').val($('#stock1 option:selected').val());
         });

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-10-21
    • 1970-01-01
    • 1970-01-01
    • 2015-06-23
    • 1970-01-01
    • 2020-03-29
    相关资源
    最近更新 更多