データベースに "その他"の代わりにテキストボックス値を提出する方法

Question

次のHTMLコードは、フォームの一部であり、情報をjavaサーブレットに送信し、SQLデータベースを更新します。ドロップダウンメニューです。ユーザーが「その他」を選択すると、javascriptによってテキストボックスが表示され、ユーザーは詳細を指定できます。ただし、ユーザーがデータベース内の送信ボタンを押すと、ユーザーがテキストボックスに入力した内容ではなく、単に「その他」と表示されます。ヘルプは感謝しています、ありがとう！

このマークアップのすべてがサーバーに送信されます <form>要素内に含まれている、あなたは、単に descriptionのために掲示値が「その他」であるかどうかを確認してから読むことができるはずと仮定すると

<script type="text/javascript"> 
    function showfield(name){ 
     if (name == 'Other') 
      document.getElementById('div1').innerHTML = 'Please Specify: <input type="text" name="other" />'; 
     else 
      document.getElementById('div1').innerHTML = ''; 
    } 
</script> 

<select id="description" name="description" onchange="showfield(this.options[this.selectedIndex].value)" required> 
    <option disabled selected value> ---Select--- </option> 
    <option value="Accommodation">Accommodation</option> 
    <option value="Travel">Travel</option> 
    <option value="Meal Allowanced">Meal Allowances</option> 
    <option value="Flat Rate">Flat Rate Expenses</option> 
    <option value="Other">Other</option> 
</select> 
<div id="div1"></div> 

Answer 1

あなたがサーバー上でチェックしているフィールドは、あなたのselectの名前である「説明」だと思います。これは確かに "Other"（これは選択されたoptionの値です）に設定されています。

私はちょっと書いたことがありますが、現在のコードではinputに別の名前を付けて、サーバ上でその名前を確認するか、選択したoptionの値を変更する必要があります。クライアントコードの

例の変更：

<select id="description" name="description" required> 
    <option disabled selected value> ---Select--- </option> 
    <option value="Accommodation">Accommodation</option> 
    <option value="Travel">Travel</option> 
    <option value="Meal Allowanced">Meal Allowances</option> 
    <option value="Flat Rate">Flat Rate Expenses</option> 
    <option value="Other">Other</option> 
</select> 
<div id="div1"> 
    Please Specify: <input type="text" name="otherDescription" /> 
</div> 

<script> 
document.querySelector('#description').addEventListener('change', function (evt) { 
    var inputWrapper = document.getElementById('div1'), 
     input = inputWrapper.querySelector('input); 
    if (evt.target.value == 'Other') { 
     document.getElementById('div1').style.display = ''; 
    } else { 
     document.getElementById('div1').style.display = 'none'; 
     input.value = ''; 
    } 
}); 
</script> 

ザ・あなたは、サーバー上の 'otherDescription' をチェックする必要があります。

希望します。

Answer 2

値はotherです。

コードは、サーバー側の実装によって異なります。