1

ユーザー編集の詳細については、お問い合わせフォームページに「国」と「都市」の2つのドロップダウンフィールドがあります。ユーザーが詳細を編集するときに、[国]ドロップダウンメニューで何かが選択されるまで[都市]フィールドが無効になるようにしたいと思います。

<form name="item" action="<?php echo base_url(true) ?>" method="post">

<label><?php _e('Country', 'my_theme'); ?></label>
<?php ItemForm::country_select(get_countries(),user()) ; ?>

<label><?php _e('City', 'my_theme'); ?></label>
<?php ItemForm::cities_select(get_cities(),user()) ; ?>

<button class="itemFormButton" type="submit"></button>
</form>

javascriptで「<code>onchange」を試しましたが、おそらく構文が間違っています…</ p>

どうすればこれを作成できますか？どうも。

4

2 に答える 2

1

これはhttp://jsfiddle.net/GZ269/に役立つ可能性があります。これはjqueryを使用します。

Country:<br />
<select id="drop1">
    <option value="">Select Country</option>
    <option value="c1">Country 1</option>
    <option value="c2">Country 2</option>
</select>
<br />
City:<br />
<select id="drop2" disabled >
    <option value="">Select Country</option>
    <option value="c1">Country 1</option>
    <option value="c2">Country 2</option>
</select>

Javascript関数：

$("#drop1").change(function(){
    var country = $(this).val();

    if(!country){
        $("#drop2").attr("disabled", true);
        return false;
    }

    $("#drop2").attr("disabled", false);
});​
于 2012-11-26T00:45:50.177 に答える
0

これはJavascriptのonchangeイベントで行う必要があり、このイベントが発生した場合、次の2つのオプションがあります。

  • ajaxで選択した国の都市をクエリします。
    • これは、（ほぼ）世界のすべての国をサポートする場合に適しています。
    • ここでは、このイベントが発生したときに照会されるPHPスクリプトを開発する必要があります。
  • サポートされているすべての国の都市との素晴らしい配列を持っています。
    • 多くの国をカバーする必要がある場合は、かさばりすぎます。
    • 国ごとに都市を追加する必要がある場合は、柔軟性が低くなります。
于 2012-11-26T00:25:53.043 に答える