使用jQuery向输入字段添加值

gcuhipw9 于 2023-03-22 发布在 jQuery

关注(0)|答案(6)|浏览(208)

我想用jQuery在输入字段中添加一些值。问题是输入字段的ID。我使用的ID如options[input2]。在这种情况下，我的代码不工作。如果我使用的ID如input2，那么它工作正常。我需要使用options[input2]，我如何修复代码？

超文本标记语言：

<div>
    <h3>Working</h3>
    <input id="input1" type="text" value="" />
    <input class="button" type="button" value="Add value" />
</div>

<div>
    <h3>Not working</h3>
    <input id="options[input2]" type="text" value="" />
    <input class="button" type="button" value="Add value" />
</div>

jQuery：

$('.button').click(function(){
    var fieldID = $(this).prev().attr("id");
    $('#' + fieldID).val("hello world");
});

演示：

http://jsfiddle.net/4XR8M/

jquery

来源：https://stackoverflow.com/questions/18655295/adding-value-to-input-field-with-jquery

6条答案

按热度按时间

pod7payv1#

你可以像下面这样做。

$(this).prev('input').val("hello world");

Live Demo

赞(0）回复(0）举报 2023-03-22

q9rjltbz2#

您可以简单地使用

$(this).prev().val("hello world");

JSFiddle Demo

赞(0）回复(0）举报 2023-03-22

rkttyhzu3#

你必须转义[和]。试试这个：

$('.button').click(function(){
    var fieldID = $(this).prev().attr("id");
    fieldID = fieldID.replace(/([\[\]]+)/g, "\\$1");
    $('#' + fieldID).val("hello world");
});

演示：http://jsfiddle.net/7RJtf/1/

赞(0）回复(0）举报 2023-03-22

hjqgdpho4#

$.each(obj, function(index, value) {
    $('#looking_for_job_titles').tagsinput('add', value);
    console.log(value);
});

赞(0）回复(0）举报 2023-03-22

jexiocij5#

您可以简单地使用**$（this）.prev（）.瓦尔（“hello world”）;**

赞(0）回复(0）举报 2023-03-22

093gszye6#

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#10").click(function(){
    $("input:text").val("10");
  });
  $("#20").click(function(){
    $("input:text").val("20");
  });
  $("#30").click(function(){
    $("input:text").val("30");
  });
  $("#40").click(function(){
    $("input:text").val("40");
  });
  $("#50").click(function(){
    $("input:text").val("50");
  });
  
});
</script>
</head>
<body>

<p>Name: <input type="text" name="user"></p>

<button id="10">Apply Discount 10%</button><br>
<button id="20">Apply Discount 20%</button><br>
<button id="30">Apply Discount 30%</button><br>
<button id="40">Apply Discount 40%</button><br>
<button id="50">Apply Discount 50%</button><br>

</body>
</html>

赞(0）回复(0）举报 2023-03-22

我来回答

使用jQuery向输入字段添加值

6条答案

相关问题

热门标签

最新问答