合并表单选择的值

时间:2016-11-02 10:06:54

标签: javascript jquery

我想知道是否有办法,将三个不同的值汇总为一个。让我试着更好地解释一下。我有一个带有日期选择器的注册页面(PHP / SQL):

    <input type='text' name="dob" id="dob" value="" class="form-control" />

使用存储生日的表DOB写入数据库(mm / dd / year)

然而,由于此网站上的布局目的和可用性,我宁愿将此更改为三个单独的选择项目(月份日期)。

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

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

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

有没有办法将这三个单独的值组合起来,以便它们仍然可以在dob dabtabase表中写入而无需创建单独的值?

非常感谢一些专家的帮助

1 个答案:

答案 0 :(得分:1)

前端解决方案:

您可以在输入中连接值并在后端使用此输入。

后端解决方案:

您可以使用前端解决方案等三个值创建变量,并将此变量用于DB中的存储。

示例前端

function updateBirth()
{
  $("#dob").val($("#month").val()+"/"+$("#day").val()+"/"+$("#year").val())
}

$(".selectbirth").change(function(){
  updateBirth();
});


updateBirth();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' name="dob" id="dob" value="" readonly="true" class="form-control" />

<select class='selectbirth' id="month" name="month">
  <option>1</option>
  <option>3</option>
  <option>4</option>
</select>

<select class='selectbirth' id="day" name="day">
  <option>1</option>
  <option>3</option>
  <option>4</option>
</select>

<select class='selectbirth' id="year" name="year">
  <option>2000</option>
  <option>2001</option>
  <option>2002</option>
</select>