html中把下拉列表改为输入框

[rain6733]

下面是下拉列表的代码，我想把它改成输入框，只能输入数字。如果输入50以下，则显示：您购买的是（输入的数字）朵花朵，赠送0朵，需支付金额为（输入的数字）元。如果输入50以上100以下，则显示：您购买的是（输入的数字）朵花朵，赠送5朵，需支付金额为（输入的数字）元。输入100以上含100，则显示：您购买的是（输入的数字）朵花朵，赠送15朵，需支付金额为（输入的数字）元
<div class="choose">
<p style="padding:0; padding-left:90px;">
<select name="type_num" id="bean_type" onchange="changeBean();">
{php $i=1;}
{loop $pay_coin $coin}
<option value="{$i}">{$coin['name']}</option>
{php $i++;}
{/loop}
<!-- <option value="2">50朵（送5朵）</option>
<option value="3" selected="selected">100朵（送15朵）</option>-->
</select>
</p>
<p style="padding-top:20px;">您购买的是<strong id="bean_num">10</strong>朵花朵，赠送<strong id="bean_zs">0</strong>朵，需支付金额为<strong id="price">10</strong>元。</p>
</div>
上面的页面改变后，点击确认购买按钮，跳到如下页面。上面的代码修改了，下面这个也要修改
另一个页面的代码：<div class="payment_prompt">您订购了如下业务：<span class="payment_type">{$payname}</span>，共计<span class="payment_price">{$needpaymoney}</span> 元</div>
新手一枚，望大神解答！

[业余草]

<select id="" onchange="show_input(this.value)">
<option value="0">test</option>
<option value="1">test1</option>
<option value="2">test2</option>
</select>
<input type="input" value="输入框" id="my_input"/>
</body>
<script type="text/javascript">
function show_input(test_value){
    if(test_value==0){
        document.getElementById("my_input").style.display="block";
    }else{
        document.getElementById("my_input").style.display="none";
    }
}
</script>

[业余草]

http://download.csdn.net/download/dreammmmm/4123733

[duzhonghua]

通过ＪＳ隐藏和显示控件来实现。。。

引用 1 楼 xmt1139057136 的回复:

<select id="" onchange="show_input(this.value)">
<option value="0">test</option>
<option value="1">test1</option>
<option value="2">test2</option>
</select>
<input type="input" value="输入框" id="my_input"/>
</body>
<script type="text/javascript">
function show_input(test_value){
    if(test_value==0){
        document.getElementById("my_input").style.display="block";
    }else{
        document.getElementById("my_input").style.display="none";
    }
}
</script>