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

javascript form option value split into two different input values

本文关键字：两个 输入 选项 表单 拆分 Javascript      更新时间：2023-09-26

好的，所以我一直在试图弄清楚这一点，但没有知识继续。

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

我已经尝试了拆分函数，但我不确定如何将其输入不同的值。

任何想法，我可以研究或代码的例子，有人可能不得不分享。我已经做了很多不同的搜索，但还没有找到我要找的东西。

谢谢蒂姆。

你需要的是一个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>
相关文章：