[英]Separate select label options and get values in input in PHP
怎么樣,我有一個<select>
標記,其中填充了BD。 我想做的是,在選擇所需選項時,將<select>
值分配給不同的<input>
標記。
當前,我選擇了一些選項,我得到了選項的值和文本。 我想將它們作為2個不同的選項。
在我的示例中,我有這個<select>
<option value = "1"> Pizza1 Pizza2 </ option>
我的問題是如何分隔選項的文本,以使Pizza 1在一個選項中,Pizza 2在另一個選項中。
碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="#">
<select name="choose_food" onchange="showValue(this.value); showValue2(this.options[this.selectedIndex].innerHTML);">
<option value="1">Pizza1 Pizza2</option>
<option value="2">Hamburger1 Hamburger2</option>
<option value="3">Bacon1 Bacon2</option>
</select>
<br/>
<input type="text" name="food" id="food" value="" />
<br/>
<input type="text" name="food2" id="food2" value="" />
</form
</body>
</html>
<script type="text/javascript">
var showValue = function(x){
document.getElementById('food').value=x;
}
var showValue2 = function(x){
document.getElementById('food2').value=x;
}
</script>
只需將它們放在不同的選項值中,如下所示:
<option value="1">Pizza1</option>
<option value="2">Pizza2</option>
我希望我明白你的意思。 要使它們具有不同的選項,只需將它們放入不同的選項標簽中,如下所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="#">
<select name="choose_food" onchange="showValue(this.value); showValue2(this.options[this.selectedIndex].innerHTML);">
<option value="1">Pizza1</option>
<option value="2">Pizza2</option>
<option value="3">Hamburger1 Hamburger2</option>
<option value="4">Bacon1 Bacon2</option>
</select>
<br/>
<input type="text" name="food" id="food" value="" />
<br/>
<input type="text" name="food2" id="food2" value="" />
</form
</body>
</html>
<script type="text/javascript">
var showValue = function(x){
document.getElementById('food').value=x;
}
var showValue2 = function(x){
document.getElementById('food2').value=x;
}
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.