在<option>标签</option>之间切换时保存输入文本

时间:2015-03-09 07:42:43

标签: javascript jquery html5

我有一个文本输入,同时我有两个选项的选项标记。 基本上我想保存用户在选项之间切换时输入的文本,但如果用户选择他已经输入文本的选项,则文本应该在输入字段中显示为默认值。 当然,它是提交表单的一部分。

非常感谢提前!

<div>
  <p>please enter your description for each of the languages</p>
  <input id="description" type="text">
  <select id="language-select">
    <option value="EN">EN</option>
    <option value="FR">FR</option>
  </select>
</div>

1 个答案:

答案 0 :(得分:0)

如果要保存已保存的内容,可以使用本地存储,否则变量就足够了。

变量

的示例

&#13;
&#13;
var previous;
var state = {};
$("#language").on('focus', function() {
  previous = $(this).val()
}).change(function() {
  state[previous] = $("#test").val();
  $("#test").val('');
  if (typeof(state[$(this).val()]) != 'undefined') {
    $("#test").val(state[$(this).val()]);
  }
  $("#test").focus();
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input name="test" id="test" />
  <select id="language">
    <option val="en">EN</option>
    <option val="fr">FR</option>
  </select>
</form>
&#13;
&#13;
&#13;