会社のウェブサイトのコーディングについて助けを求めています。ドロップダウン ボックスからの選択に基づいて、カスタムの「部品番号ジェネレーター」を作成しようとしています。私たちの目標は、ユーザーがドロップダウン ボックスでオプションを選択すると、その下のボックスに動的に入力され、最終的に部品番号が作成されることです。添付のスクリーンショットは、デザインと出力ボックスが必要な場所を視覚的に表したものです。JavaScript と HTML でそれを行う予定です。
選択に基づいて出力を生成するボックスを取得するために現在使用しているコードは次のとおりです。
<script type="text/javascript">
// Pre populated array of data
var myData = new Array();
myData[1] = 'Some text';
myData[2] = 'Some other text';
</script>
<form id="example" name="example">
<select id="selector" name="selector">
<option value="" selected></option>
<option value=1>One</option>
<option value=2>Two</option>
</select>
<br />
<input type="text" value="" id="populateme" name="populateme" />
</form>
<script type="text/javascript">
document.example.selector.onchange = updateText;
function updateText() {
var obj_sel = document.example.selector;
document.example.populateme.value = myData[obj_sel.value];
}
</script>
この Web サイトを少し検索したところ、動的フィールド作成の解決策がいくつか見つかりましたが、2 番目のフォームを追加したり、出力が含まれるボックスを移動しようとすると、コードが機能しなくなります。ドロップダウン選択で複数のフィールドに入力した経験がある人がいるかどうか疑問に思っていました. 必要に応じてさらに情報を提供できます。メッセージを送るか、下にコメントしてください。
画像に関する情報: この画像は、現在の Joomla Form 拡張機能と Photoshop を使用して作成され、どのように見えるかを示しています。灰色のボックスや書式設定は気にしません。出力ボックスを下に移動し (水平に並べる)、オプションを垂直に配置するコードに問題があるだけです。
