<script type='text/javascript' src='//code.jquery.com/jquery-1.11.0.js'></script>

<link rel="stylesheet" type="text/css" href="/css/result-light.css">

<script type='text/javascript'>
$(function(){
//2015/07/20 jwu
$("#show_other").hide();//先隱藏,等到選到其他後再打開
$("#provider_id").change(function(){
//if ($(this).val()=='[other]'){
// $("#show_other").show();
//}else{
// $("#show_other").hide();
//}
$('#show_other')[ ($("option[value='[other]']").is(":checked"))? "show" : "hide" ]();
});
});
</script>


</head>
<body>
<select id="provider_id" name="provider_id">
<option value="">請選擇</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="[other]">其他(自訂)</option>
</select>

<span id="show_other" style="display: inline;">
其他:<input type="text" id="ss_customize" name="ss_customize" size="30">
</span>

 

JSFiddle: https://jsfiddle.net/zrc8sg9g/

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 kinomelma 的頭像
    kinomelma

    基尼而絲(G.N.A.S)的大世界

    kinomelma 發表在 痞客邦 留言(0) 人氣()