Question

我有一个JQuery SelectMenu，其值设置为php include statements。

我希望这些值归于我的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

Answer 1

为什么不在那里简单地使用变量？

我希望你最后只传递一个值而不是一些HTML / php代码，如果你那么它应该仍然可以正常工作，虽然这不是一个好的做法我相信在一个值属性中包含一个文件。：）

Answer 2

尝试使用jquery做你需要做的事情：

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

你的js小提琴没有用，因为你没有包含jquery，或者如果你想使用selectmenu函数需要jqueryui。此外，您的括号问题没有正确嵌套。

JQuery - 使用Select Menu值更改DIV html

2 个答案: