Question

如何在加载页面并提醒“取消”后获得返回目标值ID的选项？但是，在选择一个值之后，还要考虑前一个当前值？

现在它选择＆＃34;当前值＆＃34;如果我在选择＆＃34;取消＆＃34;之前选择了一个值警报。

但如果我加载一个新页面，它将不会转到所选的＆＃34;当前值＆＃34;或者是目标值ID。它将被用于禁用＆＃34;没有用的选择。我该如何解决这个问题？

如果我选择＆＃34;取消＆＃34;如何使其转到我选择的目标价值ID（id =＆＃34; ger＆＃34;）选项加载页面后直接提醒？

的JavaScript

<script type="text/javascript">
$(function(){
    $('#optFu').change(function() {
        var selected = $(this).val();

            if (selected == 'auto') {
            if (!confirm('The ´´Automatic system´´ is limited. \n Are you sure you want to use this?')) {
                $(this).val($.data(this, 'current'));
                return false;
                } 
            }
        $.data(this, 'current', $(this).val());
    });
});
</script>

HTML

<select name="LangFu" id="optFu">
<option value="" disabled>Common Languages:</option>
<option value="zh-CN">Chinese (Simplified)</option>
<option selected value="en">English</option>
<option value="fr">French</option>
<option value="de" id="ger">German</option>
<option value="ru">Russian</option>
<option value="es">Spanish</option>
<option value="" disabled>&#8212;</option>
<option value="auto" data-confirm=" The ´´Automatic Language Detection´´ does not detect laguadges in frames / sandbox. Are you sure you want to select this option? ">Auto Detect</option>
</select>

Answer 1

试试这个

＆＃13;

  create_table "searches", force: :cascade do |t|
    t.string   "keyword"
    t.string   "college"
    t.decimal  "min_gpa"
    t.string   "major"
    t.datetime "created_at", null: false
    t.datetime "updated_at", null: false
  end

＆＃13;

$(function() {
  $('#optFu').val("de");
  $('#optFu').change(function() {
    var selected = $(this).val();
    if (selected == 'auto') {
      if (!confirm('The ´´Automatic system´´ is limited. \n Are you sure you want to use this?')) {
        $(this).val("de");
        return false;
      }
    }
  });
});

＆＃13;

Answer 2

经过长时间的努力，我自己找到了答案。但是我会将其留在网上，以便其他可能遇到相同问题的人看到答案的解决方案。

我需要做的是添加：

$(document).ready(function () {
        $("#opt").change(function () {
            if ($(this).val() == "") {
                $("#ger").prop('selected', true);
            }
            else {
                $("#ger").prop('selected', false);
            }
        })
    });

通过这样做告诉系统如果选择空值，则自动选择id =“ger”。这样我解决了问题。

这就是整个代码的外观

<强>的JavaScript

<script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script type="text/javascript">
$(function(){
    $('#optFu').change(function() {
        var selected = $(this).val();

            if (selected == 'auto') {
            if (!confirm('The ´´Automatic system´´ is limited. \n Are you sure you want to use this?')) {
                $(this).val($.data(this, 'current'));
                return false;
                } 
            }
        $.data(this, 'current', $(this).val());
    });
});

$(document).ready(function () {
        $("#opt").change(function () {
            if ($(this).val() == "") {
                $("#ger").prop('selected', true);
            }
            else {
                $("#ger").prop('selected', false);
            }
        })
    });
</script>

<强> HTML

<select name="LangFu" id="optFu">
<option value="" disabled>Common Languages:</option>
<option value="zh-CN">Chinese (Simplified)</option>
<option selected value="en">English</option>
<option value="fr">French</option>
<option value="de" id="ger">German</option>
<option value="ru">Russian</option>
<option value="es">Spanish</option>
<option value="" disabled>&#8212;</option>
<option value="auto" data-confirm=" The ´´Automatic Language Detection´´ does not detect laguadges in frames / sandbox. Are you sure you want to select this option? ">Auto Detect</option>
</select>

警报“取消”后如何获得返回ID的选项？

2 个答案: