0

わかりましたので、私はこれを理解しようとしていますが、先に進むための知識がありません。

オプションを選択できるフォームがあります。オプションには、input-value="value1/value2" の 2 つの値があります。

値を取り出して配列を作成するスクリプトを開始しました。2 つの値を分離し、2 つの別々の入力値に出力する方法を理解する必要があります。

<html>

<body>
<p>The Thank you page is  <b id='brochure'>is what?</b> </p> 
<p>This should print out the selected fid <script>document.getElementById('brochure').innerHTML = '<input id="" value="'+option_array[1]+'" />';</script></p>
<form>
Activity Level: <select id="activity_level">
            <option value="null">Please Choose One...</option>
            <option id="brochure" value="brochure/print">fid/sid</option>
            <option id="online" value="online/web">Three/Four</option>
            <option id="inPerson" value="inPerson">Five/Six</option>
            </select></br>

<input type='button' onclick='brochure_select()' value='Change Text'/>
<script type="text/javascript">

function brochure_select() {
var option_result = document.getElementById("activity_level").value;
var option_array=option_result.split("/");
document.getElementById('brochure').innerHTML = option_array[1];
}
</script>

// below is where I want to two value to show up.
<input type="hidden" name="fid" value="brochure" />
<input type="hidden" name="sid" value="print" />

</form>

</body>
</html>

分割機能を試しましたが、それを異なる入力値に入れる方法がわかりません。

私が調査できるアイデアや、誰かが共有しなければならないコード例。色々と探してみましたが、探しているものが見つかりませんでした...

ありがとうティム

4

1 に答える 1

1

必要なのは、id非表示の入力要素の属性と、valueinnerHTML の代わりにプロパティを使用することです。

<form>
    Activity Level: 
    <select id="activity_level">
        <option value="null">Please Choose One...</option>
        <option id="brochure" value="brochure/print">fid/sid</option>
        <option id="online" value="online/web">Three/Four</option>
        <option id="inPerson" value="inPerson">Five/Six</option>
    </select><br />

    <input type='button' onclick='brochure_select()' value='Change Text'/>   
</form>

<input type="hidden" id="fid" name="fid" value="" />
<input type="hidden" id="sid" name="sid" value="" />
<script>
function brochure_select() {
    var option_result = document.getElementById("activity_level").value;
    var option_array=option_result.split("/");
    document.getElementById('fid').value = option_array[0];
    document.getElementById('sid').value = option_array[1];
}
</script>
于 2013-06-11T18:24:04.620 に答える