從Codeigniter的其他下拉框中選擇一個選項時如何更改選擇值

Question

我有兩個下拉框，其值從實用程序li​​bray獲取

    public $email_hooks = array(
    "create_user" => array(
            "name" => "New user creation",
            "keys" => array(
                "site_url" => "Site URL",
                "current_date" => "Current Date",
                "user_name" => "User name", 
                "name" => "Name of the user",
                "password" => "Password of user",
                "user_email"  => "Email address of new user"
            ),
            "content_type" => array("html","text"),
            "to" => array("User", "Site Admin"),
            "cc"    => array("Site Admin"),
            "bcc"   => array("Site Admin")
        ),
    "register_user" => array(
            "name" => "New user registration",
            "keys" => array(
                "site_url" => "Site URL",
                "current_date" => "Current Date",
                "user_name" => "User name", 
                "name" => "Name of the user",
                "activation_url" => "Url for activation registered account",
                "user_email"  => "Email address of the user"
            ),
            "content_type" => array("html","text"),
            "to" => array("User", "Site Admin","new user"),
            "cc"    => array("Site Admin"),
            "bcc"   => array("Site Admin")
        ));

以下是查看代碼

            <div class="form-group col-lg-12">
            <label class="control-label col-lg-2">Name</label>
            <div class="col-lg-4">
                <select id ="choose" class="form-control" name="name">
                    <option value="">Select One</option>
                     <?php 
                        foreach($email_hooks as $key=>$val)
                        {
                            echo '<option value="'.$key.'">'.$val['name'].'</option>';
                        }
                    ?>

                </select>
            </div>
            <div class="col-lg-6" id="email_tmpl"></div>
            </div>

            <div class="form-group col-lg-12">
            <label class="control-label col-lg-2">Notification to</label>
            <div class="col-lg-10">
                <select id ="notification" class="form-control" name="notification">
                    <option value="">Select One</option>

                </select>
            </div>
            </div>

當選擇第一個下拉框值時，我想更改第二個下拉框值，即“ to” => array（“ User”，“ Site Admin”，“ new user”）。這些數組值根據第一個選擇框而變化。

Answer 1

編寫一個javascript / jquery函數，並通過Java腳本或jquery從第一個下拉列表中獲取值。 然后使用onchange調用該函數，然后將數組相應地附加到第二個下拉菜單。 希望這可以...

您的第一個下拉列表：

<select id ="choose" class="form-control" name="name" onchange="your_javascript_function()">

使用javascript函數並使用jquery append函數和其中的每個函數：

 function your_javascript_function
 {$.each(your_array, function() {
        $('#notification').append( $('<option value="' + this.value_from_array + '">' + this.value_from_array + '</option>' ));
    });
  }