首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >根据以前的DropDown填充DropDown

根据以前的DropDown填充DropDown
EN

Stack Overflow用户
提问于 2013-04-02 00:33:18
回答 2查看 593关注 0票数 0

目前,我有一个关于这些行的设置http://jsfiddle.net/4Zw3M/1/,其中第二个下拉列表由先前的选择填充。

问题是这些字段是由数据库填充的。因此,对于PHP,我会将选项dropdown写成这样,以便在提交后保留该值。

代码语言:javascript
复制
<option <?= $foobar == $foo->slug ? 'value="'.$foo->slug.'" selected="selected"' : 'value="'.$food->slug.'"'?>><?=$foo->name?></option>

我不知道如何在用户提交表单后保留该值。还有,是的,我确实在页面的顶部有$foobar = mysqli_real_escape_string($mysqli, $_POST['foobar']);来封装值。

其次,我试图弄清楚如何以这种格式添加值,因为值实际上是名称的id。

代码语言:javascript
复制
|id| |name  |
|1 | |ten   |
|2 | |twenty|

因此,在正常格式中,它应该是

代码语言:javascript
复制
<option value="<?=$foo->id?>"><?=$foo->name?></option>

目前,我只能使值与名称相同。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-04-02 00:41:23

您可以将下拉菜单文本发送到操作页面并使用以下命令捕获该值:-

代码语言:javascript
复制
    $s_option = $_POST["somename"];

根据选定文本($s_option)的值,调用如下JS函数:-

代码语言:javascript
复制
function func1()
{
document.forms[0].somename.selectedIndex=0;
}

function func2()

{
document.forms[0].somename.selectedIndex=1;
}

以此类推......

票数 0
EN

Stack Overflow用户

发布于 2013-04-02 01:06:54

我会在jquery/ajax/php中完成,希望这能有所帮助:

代码语言:javascript
复制
<script type="text/javascript">
    $(document).ready(function(){
        $('#dropdown1').on('change', function(){
            var value = $(this).val();

            $.ajax({
                type: "post",
                url: "path_to_your.php",
                data: ({p : value}),
                datatype: "json",
                success: function(results){
                    $.each(results, function(v) {
                        $('#dropdown2').append($('<option>', {
                            value: v,
                            text: v
                        }));
                     });
                }

            });
        });

    });
</script>
</head>
<body>
<select id="dropdown1">
    <option>Select One..</option>
    <option value="something">Something</option>
<select>
<select id="dropdown2">

</select>
</body>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15747335

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档