选择后显示输入元素 - javascript

我有一个表格,其中取决于用户的选择,输入元素是否可见。实际上,用户正在以另一种形式设置已定义的合作伙伴类型,并且如果选中该元素,则允许在该类型的合作伙伴上可见的元素

类型1将显示以下元素:

<input type="text" id="partner" name="partner" class="span12" value="<?= $partner->partner;?>" />
<input type="text" id="address" name="address" class="span12" value="<?= $partner->address;?>" />
<input type="text" id="phone" name="phone" class="span12" value="<?= $partner->phone;?>" />

类型2具有可见元素:

<input type="text" id="partner" name="partner" class="span12" value="<?= $partner->partner;?>" />
<input type="text" id="country" name="country" class="span12" value="<?= $partner->country;?>" />
<input type="text" id="markname" name="markname" class="span12" value="<?= $partner->markname;?>" />

类型3应该拥有全部。

合作伙伴表单将以如下所示的选择框开始:

<select>
    <option>Type 1</option>
    <option>Type 2</option>
    <option>Type 3</option>
</select>

用户可以定义新的视觉类型,因此伙伴页面必须是动态的。
该页面将从仅显示选择框开始,并在选择后显示所选类型允许的元素。

我知道它必须由ajax完成,但是我现在不知道如何将它们全部保留在同一页面中并刷新内容而不刷新页面

参考方案

 $("select").on("change", function(){ 
    $.ajax({ 
        type: "post", 
        url: "/link-to-post-to", 
        data: $("select").val(), 
        success: function(data){ 
            //append to page here 
        }, 
        error: function(xhr, status, error){ 
            console.log(error) 
        } 
    }); 
 });

因此php容器将打印出html,然后在jquery中将其添加到页面中。

JavaScript将PHP中的字符串和整数传递给函数 - javascript

我正在尝试将字符串和整数都传递到同一函数中,但是引号引起了问题。我发现错误出在echo $q->info部分,我必须在此代码上使用双引号。有人可以帮我写这个$q->info,但不能获得真正的价值吗?到目前为止,我的代码是<td><a href="javascript:add(<?php echo $q->i…

淘汰赛在金字塔中的行为不正确 - javascript

我正在使用Pyramid构建一个Webapp,但是Knockout的行为有所不同。我有一个表格: <div data-bind="with: $root.itemToAdd" style="display: none;"> <form data-bind="submit: $root.add…

在PHP文件中调用javascript函数并在加载HTML文件之后? - javascript

我需要在我的php中调用js函数,但无法正常工作。有人可以告诉我我在做什么错吗?我该如何轻松地做到这一点?谢谢!我有三个文件:  mail.php负责发送$ _POST的内容(工作正常)。我调用我的javascript函数来切换模式,具体取决于邮件是否已发送。 <? ... $response = $sendgrid->send($email);…

如何使用PHP从动态输入字段捕获数组值? - javascript

我正在编写一个在线时间跟踪网页,允许用户将学习时间输入该系统。用户将首先输入名称,然后根据日期输入学习时间。一天中可能会有多个学习时间。以下是我第一页的编码,<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"…

在javascript中设置计时器后更改文本 - javascript

我需要一些代码帮助,因为我在设置计时器时遇到了更改文本的问题。当我单击一个按钮时,它将禁用该按钮,它将在我启动计时器3秒钟时更改文本,然后启用它并将文本更改回原来的位置。当我尝试这个:<button name="btn1" id="btn1" type="submit" class="…