【问题标题】:Pass two variables in Javascript URL to update a dropdown based on the passed values在 Javascript URL 中传递两个变量以根据传递的值更新下拉列表
【发布时间】:2015-03-01 15:39:03
【问题描述】:

如何将两个变量传递给 JavaScript 函数以根据该值更改下拉列表?

$(document).ready(function() {
    $("#date").change(function() {
        $(this).after('<div id="loader"><img src="img/loading.gif" alt="loading category" />
</div>');
        $.get('loadb.php?date=' + $(this).val(), function(data) {
            $("#time").html(data);
            $('#loader').slideUp(200, function() {
                $(this).remove();
            });
        });
    });
});

</script>
<div class="sub-page-left">
<br/>
<br/>
<div id='cssmenu'>
    <form id="myform" action="spotDate.php" method="post">
        <?php
        echo '<input type="hidden" name="NID" size="20" value="'.$NID.'"/>';
        ?>
        Choose Date: <select name="date" id="date" class="dropdown"><OPTION VALUE=0>Choose Date<? $option ?>
                <?php
                $q2 = "select DISTINCT(AvailableDate) from FreeTimeSlots where PASSLeaderID = $SID  and CourseID = $CourseID";
                $r2 = mysqli_query($dbc, $q2);
                while ($row2 = mysqli_fetch_array($r2)) {
                    echo "<option value=\"" . $row2['AvailableDate'] . "\">" . $row2['AvailableDate'] . "</option>";
                }
                ?>
        </select>
        Time: <select name="time" id="time" class="dropdown"><OPTION VALUE=0>Choose Time<? $option ?>
        </select><br /><br />

此代码适用于我仅传递日期值,但我想根据日期和隐藏 ID 进行更新的情况!!

【问题讨论】:

    标签: javascript php jquery url drop-down-menu


    【解决方案1】:

    试试这个代码:

        $.get('loadb.php?date=' + $(this).val()+'&nid='+$('#NID').val(), function(data) {
            $("#time").html(data);
            $('#loader').slideUp(200, function() {
                $(this).remove();
            });
        });
    

    【讨论】:

      【解决方案2】:

      您还可以传递 url 中的隐藏字段: 'loadb.php?date=' + $(this).val() + '&nid='+$("input[name=NID]").val()

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2014-09-22
        • 1970-01-01
        • 2016-08-10
        • 1970-01-01
        • 2018-03-12
        • 2011-08-13
        • 2021-02-09
        • 1970-01-01
        相关资源
        最近更新 更多