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>

添加其他值以选择选项

1 个答案: