1

次のような同様の問題があります: Code Igniter - form_dropdown selection correct value from the databaseですが、この場合、州と市 (JavaScript を使用) の 2 つのドロップダウンがあります。City のドロップダウン オプションは、ユーザーが State ドロップダウンで選択した内容に基づいて再入力されます。

たとえば、ユーザーが州 (例: ニューヨーク) を選択すると、都市のドロップダウン オプションはニューヨークの都市のみになります (例: アルバニー、アムステルダムなど)。

ユーザーが値を選択した後、保存をクリックすると、データベースに保存されます。

問題は、初期段階でユーザーが選択したドロップダウンを自動的に選択するにはどうすればよいですか? ドロップダウンオプションが1つしかない場合は実行できます。ただし、この場合、City のドロップダウンは、State ドロップダウン オプションでユーザーが選択した内容に基づいて再入力されます。

コントローラ：

//this one i managed to get it automatically choose the one that's been selected by the user in the initial stage    
$username=$this->session->userdata('username'); 
$data['orgtype'] = $this->m_user->get_orgtype_dropdown($username);

//these two are the problem 
$data['state'] = $this->m_user->get_state_dropdown($username); 
$data['city'] = $this->m_user->get_city_dropdown($username);

モデル：

function get_orgtype_dropdown($username){
$sqlstr="SELECT * FROM a01 WHERE username='$username'";
$hslquery=$this->db->query($sqlstr);
   foreach($hslquery->result_array() as $row){
        $return[$row['orgtype']] = $row['orgtype'];
        }
    return $return;
}

function get_state_dropdown($username){
$sqlstr="SELECT * FROM a01 WHERE username='$username'";
$hslquery=$this->db->query($sqlstr);       
   foreach($hslquery->result_array() as $row){
        $return[$row['state']] = $row['state'];
        }
    return $return;
}

function get_city_dropdown($username){
$sqlstr="SELECT * FROM a01 WHERE username='$username'";
$hslquery=$this->db->query($sqlstr);       
   foreach($hslquery->result_array() as $row){
        $return[$row['city']] = $row['city'];
        }
    return $return;
}

意見：

<?php
$orgtypeOption = array(
         'Academic'  => 'Academic',
         'Professional'    => 'Professional',                  
         );

    echo form_label("Organization Type : ");
    echo form_dropdown('orgtype', $orgtypeOption, $orgtype);
    echo br();
    echo form_label("State : ");            
    ?>
    <select name ="state" id="countrySelect" size="1" onChange="makeSubmenu(this.value)">
        <option></option>
        <option value="USA" <?php if ($state=="USA") echo 'selected="selected"';?>>USA</option>
        <option value="Singapore" <?php if ($state=="Singapore") echo 'selected="selected"';?>>Singapore</option>
        <option value="Jawa Timur" <?php if ($state=="Jawa Timur") echo 'selected="selected"';?>>Jawa Timur</option>
        <option value="Jawa Barat" <?php if ($state=="Jawa Barat") echo 'selected="selected"';?>>Jawa Barat</option>
    </select>
    <?php
    echo br();
    echo form_label("City : ");
    ?>
    <select name="city" id="citySelect" size="1">
        <option></option>
    </select>

JavaScript:

var citiesByState = {
    USA: ["NY","NJ"],
    Singapore: ["taas","naas"],
    "Jawa Timur": ["Surabaya","Malang"],
    "Jawa Barat": ["Bandung","Banjar"]
};
function makeSubmenu(value) {
    if(value.length==0) document.getElementById("citySelect").innerHTML = "<option></option>";
    else {
        var citiesOptions = "";
        for(cityId in citiesByState[value]) {
            citiesOptions+="<option>"+citiesByState[value][cityId]+"</option>";
        }
        document.getElementById("citySelect").innerHTML = citiesOptions;
    }
}
function displaySelected() {
    var country = document.getElementById("countrySelect").value;
    var city = document.getElementById("citySelect").value;
    alert(country+"\n"+city);
}
function resetSelection() {
    document.getElementById("countrySelect").selectedIndex = 0;
    document.getElementById("citySelect").selectedIndex = 0;
}

プレビューは次のとおりです:アプリケーションのプレビュー画像

助けてください

4

0 に答える 0