Question

让我先说一下：我对编码方面很新，我来自设计背景......但是我们走了......

我正在使用keyup并更改jquery将值传输到将要打印的显示图像（值也会插入到数据库中）。

我的问题是我输入的选项包括大小和描述，但我想用keyup / change传输的是大小。

    Cake Type: <select name="Cake" id="cake">
    <option value="5 3/8&#34; Cake Pie" >5 3/8" - Cake Pie</option>
    <option value="5 7/8&#34; Pretzal Pie" >5 7/8" - Pretzal Pie</option>
    <option value="5 1/2&#34; Wing Ding" >5 1/2" - Wing Ding</option>
    <option value="5 1/2&#34; Objectonator" >5 1/2" - Objectonator</option>
    </select>

目前我使用keyup并更改jquery来传输值：

$("#cake").change(function () {
    var value = $(this).val();
    $("#cake_transfer").text(value);
}).keyup();
$("#cake").keyup(function () {
    var value = $(this).val();
    $("#cake_transfer").text(value);
}).keyup();

那么是否可以删除描述并仅传输大小（即：5 1/2“）？

感谢您的帮助

Answer 1

尝试这样的事情：

$("#cake").on('change keyup', function () {
    var value = $(this).val().split(' ');  // split into words
    var size = value[0] + " " + value[1];  // first 2 words
    $("#cake_transfer").text(size);
});

我正在使用.on()，以便您可以合并2个事件（keyup和change）并将值拆分为单词 - 只需获取2个字 - 这个问题就是它是相当固定的...如果你可以用-或%分隔大小和描述，那将会更容易

Working example here

Answer 2

$("#cake").on('change keyup', function() {
    var value = $('option:selected', this).text();
    $("#cake_transfer").text(value.split('-')[0]);
}).keyup();

<强> DEMO

Keyup和Change功能可以传输和删除文本

2 个答案: