jQuery-使用“选择菜单”值更改DIV html

红胡子专业版

我有一个JQuery SelectMenu,其值设置为php include语句。

我希望将这些价值观归因于我div

我看过不同的资源,无法弄清楚语法。这是我写的代码

    <script>
      $(function() {
        var display = $( "#display" );

        $( "#selector" ).selectmenu({
          change: function( event, data ) {
            display.html(data.item.value);
            });
          }
         });
    </script>

    <div>
        <select name="selector" id="selector">
            <option value="<?php include 'one.html';?>">One</option>
            <option value="<?php include 'two.html';?>">Two</option>
        </select>
        <div>
            <div id="display"> Old Text </div>
        </div>
    </div>

任何和所有帮助表示赞赏。

* 解决方案 *

HTML:

<div>
    <select name="selector" id="selector">
        <option value="blood/blood.html">One</option>
        <option value="grace/grace.html">Two</option>
    </select>
    <div id="display"> Old Text </div>
</div>

* replaced php includes with html file

JS / Jquery:

$(document).ready(function(){ 
    $(function() {
        var work = $( "#display" );
        $( "#selector" ).change(function( event ) {
            work.load($(this).val());
        });
    });
});

* Changed html to load
亚当

尝试执行以下操作以仅使用jquery:

$(function() {
    var work = $( "#display" );
    $( "#selector" ).change(function( event ) {
        work.html($(this).val());
        });
    });

您的js小提琴无法正常工作,因为您没有包括jquery或jqueryui,如果要使用selectmenu函数,则需要使用jqueryui。另外,您的括号未正确嵌套也存在问题。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在HTML选择菜单上使用jQuery作为生日/出生日期格式

来自分类Dev

使用jquery更改选择菜单的单选按钮

来自分类Dev

根据选择菜单使用 jQuery 更改 iFrame src

来自分类Dev

使用jQuery在HTML中的选择下拉菜单中选项更改时隐藏div

来自分类Dev

在html页面上动态填充的选择菜单,无需使用jquery mobile即可在android webview上显示

来自分类Dev

使用PHP设置HTML选择菜单

来自分类Dev

在div中嵌套选择菜单会中断jQuery菜单

来自分类Dev

页面加载时选择菜单 Jquery UI 更改事件

来自分类Dev

使用jquery / php / html使用fileupload值更改img src

来自分类Dev

使用javascript / jquery数组生成选择菜单

来自分类Dev

选择菜单-选择属性-HTML

来自分类Dev

从html选择菜单中选择的值

来自分类Dev

在选择时使用jQuery复制HTML DIV

来自分类Dev

如何根据选择更改jquery mobile选择菜单按钮的背景颜色?

来自分类Dev

jQuery UI选择菜单更改在更改时显示文本

来自分类Dev

jQuery UI - 向 div 中的所有选择菜单添加一个类

来自分类Dev

使用jQuery在选择菜单中选择第一个值

来自分类Dev

我无法使用if语句(html)从html选择菜单中打印值

来自分类Dev

jQuery在选择框更改后更改html

来自分类Dev

使用HTML / jQuery下拉选择

来自分类Dev

使用jQuery更改HTML内容

来自分类Dev

选择html表的元素并使用jquery更改内容

来自分类Dev

使用表单选择菜单在HTML中显示条件字段

来自分类Dev

使用表单选择菜单在HTML中显示条件字段

来自分类Dev

如何从jQuery返回值更改html文本?

来自分类Dev

使用jQuery自动更改HTML div元素的宽度

来自分类Dev

使用jQuery自动更改HTML div元素的宽度

来自分类Dev

使用jQuery切换HTML菜单

来自分类Dev

jQuery选择使HTML DIV可见

Related 相关文章

  1. 1

    在HTML选择菜单上使用jQuery作为生日/出生日期格式

  2. 2

    使用jquery更改选择菜单的单选按钮

  3. 3

    根据选择菜单使用 jQuery 更改 iFrame src

  4. 4

    使用jQuery在HTML中的选择下拉菜单中选项更改时隐藏div

  5. 5

    在html页面上动态填充的选择菜单,无需使用jquery mobile即可在android webview上显示

  6. 6

    使用PHP设置HTML选择菜单

  7. 7

    在div中嵌套选择菜单会中断jQuery菜单

  8. 8

    页面加载时选择菜单 Jquery UI 更改事件

  9. 9

    使用jquery / php / html使用fileupload值更改img src

  10. 10

    使用javascript / jquery数组生成选择菜单

  11. 11

    选择菜单-选择属性-HTML

  12. 12

    从html选择菜单中选择的值

  13. 13

    在选择时使用jQuery复制HTML DIV

  14. 14

    如何根据选择更改jquery mobile选择菜单按钮的背景颜色?

  15. 15

    jQuery UI选择菜单更改在更改时显示文本

  16. 16

    jQuery UI - 向 div 中的所有选择菜单添加一个类

  17. 17

    使用jQuery在选择菜单中选择第一个值

  18. 18

    我无法使用if语句(html)从html选择菜单中打印值

  19. 19

    jQuery在选择框更改后更改html

  20. 20

    使用HTML / jQuery下拉选择

  21. 21

    使用jQuery更改HTML内容

  22. 22

    选择html表的元素并使用jquery更改内容

  23. 23

    使用表单选择菜单在HTML中显示条件字段

  24. 24

    使用表单选择菜单在HTML中显示条件字段

  25. 25

    如何从jQuery返回值更改html文本?

  26. 26

    使用jQuery自动更改HTML div元素的宽度

  27. 27

    使用jQuery自动更改HTML div元素的宽度

  28. 28

    使用jQuery切换HTML菜单

  29. 29

    jQuery选择使HTML DIV可见

热门标签

归档