0

私はこれを前置きにしましょう：私は物事のコーディングの側面に非常に慣れていません、私はデザインのバックグラウンドから来ています...しかしここに行きます...

キーアップとjqueryを変更して、印刷される表示イメージに値を転送しています（値もDBに挿入されます）。

私の問題は、入力のオプションにサイズと説明の両方が含まれていることですが、キーアップ/変更で転送したいのはサイズだけです。

    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>

現在、私はこれをキーアップし、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 "）を転送することは可能ですか？

助けてくれてありがとう

4

2 に答える 2

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);
});​

2つのイベント（と）.on()を組み合わせて値を単語に分割できるように使用しています-2つの単語を取得するだけです-これの問題は、サイズと説明をaまたはitで区切ることができる場合はかなり固定されていることですはるかに簡単になりますkeyupchange-%

ここでの実例

于 2012-06-01T17:07:40.293 に答える
1 
$("#cake").on('change keyup', function() {
    var value = $('option:selected', this).text();
    $("#cake_transfer").text(value.split('-')[0]);
}).keyup();

デモ

于 2012-06-01T17:10:51.663 に答える