添加其他值以选择选项

Question

我正在尝试与其他人一起使用期权价值，如果用户需要输入其他值，则会向他显示输入文本以添加他想要的内容，否则他可以从选项选择框中添加，我对此有问题它仅添加输入字段，而不添加optin框中的值，任何人都可以帮助我该项目与laravel框架一起使用，这是我的表格：

<div class="row">
    <div class="col-md-12 unit">
        <label class="label float-ar">من فضلك اختر هوايات الطفل</label>
        <div class="select " id="admDivChecktop">
            <select name="childHoppy" class="col-md-12 sel-has-p"  id="getFname" onchange="admSelectCheck(this);">
                <option value="none" selected disabled>اختر هوايات الطفل</option>
                <option value="القرأه">القراه</option>
                <option value="الرياضة">الرياضة </option>
                <option value="السباحه">السباحه</option>
                <option value="الرسم">الرسم </option>

                <option id="admOption" value="0">others</option>
            </select>
        </div>
    </div>
</div>
<div class="row" id="admDivCheck" style="display:none;">
    <div class="col-md-12 unit" >
        <label class="label">أَضف بيانات أخري لهواية طفلك</label>
        <div class="input"  >
            <input type="text"  class="col-md-12 bg-hover" name="childHoppy" >

            <label class="icon-left" >
                <i class="fa fa-user"></i>
            </label>
        </div>
    </div>
</div>
<script>
function admSelectCheck(nameSelect)
{
    if(nameSelect){
        admOptionValue = document.getElementById("getFname").value;
        alert(admOptionValue);
        if(admOptionValue == 0){
            document.getElementById("admDivCheck").style.display = "";
             document.getElementById("admDivChecktop").style.display = "none";
        }
        else{
            document.getElementById("admDivCheck").style.display = "none";
        }
    }
    else{
        document.getElementById("admDivCheck").style.display = "none";
    }
}

</script>

Answer 1

我将添加另一个hidden输入并将值存储在那里。

如果您的选择已更改，请使用javascript捕获change并更新hidden的值。 与文本输入相同。

你怎么看待这件事？

伪代码：

<input type="hidden" name="childHoppy" id="childHoppy">

<select name="select" id="select">
  <option>...</option>
</select>

<input type="text" name="text" id="text">

<script>
  $document.on('change', '#select, #text', function() {
      $('#childHoppy').val($this.val());
  });
</script>