0

私はこれの JS Fiddle を実行しようとしていますが、JavaScript が PHP コントローラーを介してその html をロードするため、それを実現できないようです。

でも。

JQuery UI モーダル ポップアップ ウィンドウに、from である適切なビューが含まれています。このフォームには、選択ボックスに応じて div を表示および非表示にする JS がいくつかあります。

  function showDiv(divName)
{
document.getElementById(divName).style.display='';
}
function hideDiv(divName)
{
document.getElementById(divName).style.display='none';
}
function toggleOpDiv(showID)
{
if (showID == '1')
    {
    hideDiv('plus');
    hideDiv('mult');
    showDiv('perc');
    }
else if (showID == '2')
    {
    hideDiv('mult');
    hideDiv('perc');
    showDiv('plus');
    }
else if (showID == '3')
    {
    hideDiv('plus');
    hideDiv('perc');
    showDiv('mult');
    }
else
    {
    hideDiv('plus');
    hideDiv('mult');
    hideDiv('perc');
    }
}

これは、非常に簡単に次のようにトリガーされます。

<select id="frm_source" name="operator" onchange="toggleOpDiv(this.value)">
                            <option value="1">Percentage</option>
                            <option value="2">Plus/Minus</option>
                            <option value="3">Multiplier</option>
                    </select>

これは期待どおりに機能していますが、ボックスを閉じて再度開くと、JS がまったく機能しません。

これはAjaxの発砲によるものだと読んだことがありますか？フォームの読み込み時にこれをリセットするにはどうすればよいですか?

4

1 に答える 1