1

会社の登録フォームを再設計しています。残念ながら、私はこれについて頭を悩ませているように感じます。笑。

私がしなければならないことは、モバイルをテーマにしたサイト用の Web フォームを作成することです。現時点では、JQuery Mobile を使用して多かれ少なかれサイトを機能させていますが、フォーム入力の面で苦労しています。このフォームで行う必要があることの 1 つは、ユーザーがボタンをタップしたときに 3 つのフィールドに入力できるようにすることです。

たとえば、「トルコ、マッシュポテト、ワイン」というボタンがある場合、ユーザーがそのボタンをタップすると、その下の 3 つのフィールドに「トルコ」、「マッシュポテト」、「ワイン」という値が入力されます。 "。

これが可能な方法はありますか？

4

4 に答える 4

2

私があなたを正しければ、私は次のようにします。

HTML :

<form>
    <input type="text">
    <input type="text">
    <input type="text">
</form>
<button data-val="Turkey|Mashed Potato|Wine">Turkey, Mashed Potato & Wine</button>

JavaScript :

$("button").on("click", function() {
    var val = $(this).data("val").split("|");
    $("form input").val(function(i) {
        return val[i] || "";
    });
});

デモ: http://jsfiddle.net/8aHtP/

于 2012-06-15T21:11:26.887 に答える
1

jQuery を使用.val()して、テキスト ボックスの値を設定できます。

<div id="pop">Turkey, Mashed Potato &amp; Wine</div>
<input type="text" id="f1" />
<input type="text" id="f2" />
<input type="text" id="f3" />​

$("#pop").click(function() {
    $("#f1").val("Turkey");
    $("#f2").val("Mashed Potato");
    $("#f3").val("Wine");
});​

デモ

于 2012-06-15T21:10:31.350 に答える
1

これを試して：

$(function(){
  $('#my_button').on('click', function(e){
    $('#field_one').val('Turkey');
    $('#field_two').val('Mashed Potato');
    $('#field_three').val('Wine');
  });
});

ただし、ボタンのテキストに基づいて動的に機能させるには、これが必要になると思います。その場合、値を取得するために文字列操作を行う必要があります。

$(function(){
  $('#my_button').on('click', function(e){
    var parts = $(this).attr('value').split(',');

    // do some more work here to clean up the values, 
    // you'd need the values separated with commas all
    // the way through (ie: Turkey, Mashed Potato, Wine)

    $('#field_one').val(parts[0]);
    $('#field_two').val(parts[1]);
    $('#field_three').val(parts[2]);
  });
});
于 2012-06-15T21:12:49.543 に答える
1

はい、可能です。これを行う 1 つの方法は、値をデータ属性に配置して追加することです。

作業例: http://jsfiddle.net/vj3Zg/

于 2012-06-15T21:35:38.093 に答える