Question

我正在为我的公司重新设计一个注册表单。不幸的是，我觉得我对这个问题很感兴趣。洛尔。

我需要做的是为移动主题网站创建一个网络表单。我现在使用JQuery Mobile或多或少地运行了这个网站，但我正在努力应对这一切的表单输入方面。此表单需要做的一件事是能够在用户点击按钮时填充3个字段。

例如，如果我有一个按钮，上面写着“土耳其，土豆泥和葡萄酒”......当用户点击该按钮时，它下方的3个字段将填充“土耳其”，“土豆泥” “和”葡萄酒“。

这有可能吗？

Answer 1

如果我找对你，我会这样做。

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] || "";
    });
});

DEMO： http://jsfiddle.net/8aHtP/

Answer 2

您可以使用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");
});

Demo

Answer 3

试试这个：

$(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]);
  });
});

Answer 4

是的，这是可能的。一种方法是将值放在数据属性中并附加它们。

工作示例：http://jsfiddle.net/vj3Zg/

按钮以HTML / JQuery形式填充（多个）字段

4 个答案: