Question

好的，所以我一直试图解决这个问题但是没有知识可以继续。

我有一个带有选择选项的表单。选项将有两个值，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>

我尝试过分割功能，但我不知道如何将它放入不同的输入值。

我可以研究或编写某些人可能需要分享的示例。我经历了许多不同的搜索，但没有找到我要找的东西......

由于蒂姆

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

javascript表单选项值分为两个不同的输入值

1 个答案: