プルダウン内の「その他」選択時にのみテキストボックスを表示したいと思い、下記コードにて実装したのですがテキストボックスの内容をpostでcgiに渡せませんでした
JavaScript
1<script type="text/javascript" > 2 $(function() { 3 $('select[name="SELECTBOX"]').change( function() { 4 var $attribute = document.getElementById('VALUE').value; 5 var $s_input = document.getElementById('DIV'); 6 if( $(this).val() == 1 ) { 7 $s_input.innerHTML = $attribute + '<input type=\'hidden\' id=\'FORMNAME\' name=\'FORMNAME\' value= \' + $attribute + \'>' ; 8 } else if( $(this).val() == 2 ) { 9 $s_input.innerHTML = '<input type=\'text\' id=\'FORMNAME\' name=\'FORMNAME\' size=\'10\' maxlength=\'6\'>'; 10 } else { 11 $s_input.innerHTML = '選択してください'; 12 } 13 }).change(); 14}); 15</script> 16<form method="post" action="/cgi-bin/index.cgi"> 17aaa<input type="hidden" id="VALUE" name="VALUE" value="aaa"> 18 19<select id="SELECTBOX" name="SELECTBOX"> 20 <option value="" selected>選択してください</option> 21 <option value="1">選択1</option> 22 <option value="2">選択2</option> 23</select> 24 25<div id="DIV" name="DIV"></div> 26 27</form>
選択1の場合は、すでに表示されている「aaa」をdiv内に表示し、
選択2の場合は、テキストボックスを表示し、
postでcgiに、「aaa」もしくはテキストボックス入力値を
同じパラメータで渡したいと考えておりますが
どのようにコーディングすればよいかご教授いただけますでしょうか。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。