[英]How to store a value from jsp select tag into input tag
我試圖將文本值存儲到兩個選擇標記的輸入標記中,其中第二個選擇標記的值取決於第一個。 有一個javascript運行,看起來像這樣:
<script>
function byId(e) {return document.getElementById(e);}
function categoryComboChange()
{
var combo1 = byId('categoryCombo');
var combo2 = byId('subcategoryCombo');
alert(combo1.value);
emptyCombo(combo2);
switch(combo1.value)
{
case '-1': addOption(combo2, -1, '-select category first-');
break;
case '0': addOption(combo2,0,'Nokia');
addOption(combo2, 1, 'Samsung');
addOption(combo2, 2, 'Sony');
addOption(combo2, 3, 'Iphone 5');
addOption(combo2, 4, 'Lava');
addOption(combo2, 5, 'Micromax');
break;
case '1': addOption(combo2, 2, 'Edge Router');
addOption(combo2, 3, 'Subscriber Edge Router');
addOption(combo2, 4, 'Inter-provider Border Router');
addOption(combo2, 5, 'Core Router');
addOption(combo2, 6, 'Wired and Wireless Routers');
break;
case '2': addOption(combo2, 4, 'MTS');
addOption(combo2, 5, 'Docomo');
addOption(combo2, 5, 'Airtel');
addOption(combo2, 5, 'Photon');
addOption(combo2, 5, 'Idea');
addOption(combo2, 5, 'Vodafone');
break;
}
subcategoryComboChange();
}
function subcategoryComboChange()
{
var Category = document.getElementById('subcategoryCombo').value;
// Used desired display of following commands
document.getElementById('cvalue').value = Category;
}
function emptyCombo(e)
{
e.innerHTML = '';
}
function addOption(combo, val, txt)
{
var option = document.createElement('option');
option.value = val;
option.title = txt;
option.appendChild(document.createTextNode(txt));
combo.appendChild(option);
}
</script>
我的帶有必需元素的jsp頁面如下所示:
<div class="element">
<label for="category">Category </label>
<select id='categoryCombo' onchange='categoryComboChange();'>
<option value='-1' title='-select one-'>-select one-</option>
<option value='0' title='Mobile'>Mobile</option>
<option value='1' title='Nsw'>Routers</option>
<option value='2' title='Tas'>Datacard</option>
</select>
</div>
<div class="element">
<label for="category">Sub-Category </label>
<select id='subcategoryCombo' name="category" onchange='subcategoryComboChange();'>
<option value='-1' title='-select category first-'>-select category first-</option>
</select>
</div>
<div class="element">
<input id="cvalue" name="cval" class="text err" />
</div>
目前,我能夠以0,1,2這樣的數字形式獲取值,具體取決於選擇,但我需要在輸入標簽中顯示文本值,比如說對於Mobile,它應該顯示nokia,samsung,有人可以建議我需要更改我的代碼以執行此任務嗎?
嘗試:
function subcategoryComboChange()
{
var Category = document.getElementById("subcategoryCombo");
var subCat = Category.options[Category.selectedIndex].text;
document.getElementById('cvalue').value = subCat;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.