javascript窗體選項值分成兩個不同的輸入值

好吧，所以我一直在試圖弄清楚這一點，但沒有知識進行下去。javascript窗體選項值分成兩個不同的輸入值

我有一個選擇選項的窗體。選項將有兩個值，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>

我已經嘗試了拆分功能，但我不知道如何將其獲取到不同的輸入值。

任何想法，我可以研究或代碼人可能不得不分享的例子。我經歷了許多不同的搜索了，並沒有發現什麼，我找......

感謝添

來源

2013-06-11 user24793

你需要的是你的隱藏輸入元素的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-11 18:24:04 rossipedia

我錯過了id部分。 +1 – epascarello

啊哈！我使用innerhtml打印出來進行測試，但很高興知道我需要價值。 – user24793

所以，我一直在測試它，但只有第一個選擇傳輸的價值。如果我選擇第二個選項，則值不會被傳遞。不知道它是否是腳本。有沒有辦法檢查。 – user24793

javascript窗體選項值分成兩個不同的輸入值

回答

相關問題