0

好的，所以我一直在尝试解决这个问题，但没有继续进行的知识。

我有一个带有选择选项的表格。这些选项将有两个值，input-value="value1/value2"。

我启动了一个脚本来提取值并创建一个数组。我需要弄清楚如何将两个值分开并打印成两个单独的输入值。

<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>

我已经尝试过 split 功能，但我不确定如何将它放入不同的输入值。

我可以研究的任何想法或有人可能必须分享的代码示例。我经历了许多不同的搜索，但没有找到我要找的东西......

谢谢蒂姆

4

1 回答 1

1

您需要的是id隐藏输入元素的属性，并使用该value属性而不是 innerHTML。

<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 回答