来自更改事件

时间:2016-01-10 17:36:08

标签: javascript jquery html

这让我发疯,我看了很多不同的答案,帖子和jQuery示例,但我所拥有的简单JS并没有给我实际的价值,任何帮助都有所帮助。

我尝试根据成人/儿童的数量填写菜单选项表单。在这种情况下,您可以选择下拉列表#numberOfAdults,值为2,然后出现2​​个单独的菜单选项,几乎没有火箭科学,但是......它难以捉摸。

我的表格:

<div class="form-group">
    <select name="numberOfAdults" id="numberOfAdults" tabindex="2">
        <option>-Adults-</option>
        <option value="1">One</option>
        <option value="2">Two</option>
    </select>
</div>

JS :(这是最新版本,我已尝试过this.valueid.val(),等等。

$('#numberOfAdults').change(function() {
     var val1 = this.value;
     var val2 = $('#numberOfAdults option:selected').val();

     alert(val1 + " - " + val2);
});

通过以上我离开了成人 - 成人&#39;,我实际上永远无法获得价值1或价值2来表明我确定它是一件微不足道的事情我是&#39我错过了。 提前谢谢。

编辑: 用cdn替换min,结果仍然相同。 enter image description here

2 个答案:

答案 0 :(得分:0)

您的代码看起来像您希望的那样:

$('#numberOfAdults').change(
  function() {
    var val1 = this.value;
    var val2 = $('#numberOfAdults option:selected').val();

    alert(val1 + " - " + val2);
  }
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
  <select name="numberOfAdults" id="numberOfAdults" tabindex="2">
    <option>-Adults-</option>
    <option value="1">One</option>
    <option value="2">Two</option>
  </select>
</div>

答案 1 :(得分:0)

我不知道为什么它发生在你身上。可能是JQuery include或mistypo有问题。但是当我在代码片段上发布你的代码

时,它工作得很好

&#13;
&#13;
require_once( ABSPATH . 'wp-admin/includes/upgrade.php' );

  global $wpdb;
  $table_name = $wpdb->prefix . 'aa_accessform';
  $table_name2 = $wpdb->prefix . 'aa_formcomments';


    $wpdb->query(
    "CREATE TABLE IF NOT EXISTS $table_name (
        id              INT UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY,
        customer_id     INT UNSIGNED NOT NULL,
        appointment_id  INT UNSIGNED NOT NULL,
        notes TEXT,
        token VARCHAR(255) DEFAULT NULL
    ) ENGINE = INNODB
    DEFAULT CHARACTER SET = utf8
    COLLATE = utf8_general_ci"
);

dbDelta();

$wpdb->query(
    "CREATE TABLE IF NOT EXISTS $table_name2 (
        id              INT UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY,
        customer_codes_id     INT UNSIGNED NOT NULL,
        appointment_codes_id  INT UNSIGNED NOT NULL,
        notes TEXT,
        token VARCHAR(255) DEFAULT NULL,
        FOREIGN KEY  (customer_codes_id) REFERENCES $table_name(id)
    ) ENGINE = INNODB
    DEFAULT CHARACTER SET = utf8
    COLLATE = utf8_general_ci"
);

dbDelta();
&#13;
$('#numberOfAdults').change(function() {
    var val1 = this.value;
    var val2 = $('#numberOfAdults option:selected').val();

    alert(val1 + " - " + val2);
});
&#13;
&#13;
&#13;