将下拉列表的值传递到其他页面中的文本框-PHP / jQuery / AJAX

Question

我想通过Ajax将index.php中的下拉列表的值传递给test.php的文本框。

Test.php已在index.php 。 一旦我更改了下拉菜单，就需要在test.php更新该下拉菜单的值，而无需重新加载页面。

谢谢！！

Index.php

<script type="text/javascript">
            $(document).ready(function() {
        $('#dropdown1').change(function() {
            var value = $('#dropdown1').val()
            window.location = 'index.php?value=' + value;
        })
    })
</script>

<body>
    <h1>Ajax</h1>
    <select id="dropdown1">
        <option value="1">Value 1</option>
        <option value="2">Value 2</option>
        <option value="3">Value 3</option>
        <option value="4">Value 4</option>
    </select>

    <div>
        <iframe src="test.php" frameborder="0"></iframe>
    </div>
</body>

Test.php

<body>
    <?php

        echo "<h1> The Current Value: " . $_GET["value"] . "</h1>";

    ?>
</body>

Answer 1

如果“不重新加载页面”是指重新加载index.php，则可以使用目标将其发布到test.php，如下所示：

<iframe id="test_php"/>
<form target="test_php">
   <select onchange="this.parentNode.submit()"/>
</form>

这将需要您的test.php脚本接受发布并“重新加载”。

Answer 2

我以前的答案可能是解决方法-简单胜于复杂。

如果您坚持使用ajax（将更改的值存储在服务器上），则可以使用两步方法：

1更新iframe，而无需使用以下方法重新加载：

document.getElementById（'iFrameID'）。contentWindow.document.body.innerHTML ='您好，值已更改！'

2使用ajax更新服务器上的值，无需回调。

将下拉列表的值传递到其他页面中的文本框-PHP / jQuery / AJAX

问题描述

2 个解决方案

解决方案1
0 2013-10-04 07:15:27

解决方案2
0 2013-10-04 08:37:43

将下拉列表的值传递到其他页面中的文本框-PHP / jQuery / AJAX

问题描述

2 个解决方案

解决方案1 0 2013-10-04 07:15:27

解决方案2 0 2013-10-04 08:37:43

解决方案1
0 2013-10-04 07:15:27

解决方案2
0 2013-10-04 08:37:43