Modify `input` value

Question

HTML:

<div class="mydiv">
    My Div
    <ul>
       <li><input type="submit" value="first"/></li>
       <li><input type="submit" value="second (blah blah)"/></li>
       <li><input type="submit" value="third . blah blah"/></li>
    </ul>
</div>

How can I retrieve the value of the input and replace any '(' or '.' with a '\n'? The result would appear like:

second
(blah blah)

When do you want to do that replacement ? on submit ? when the page loads ? Also, do you replace ( with \n (as your text says) or with (\n (as your exemple does) — Lepidosteus
– Lepidosteus, Commented Sep 26, 2011 at 9:29
Please stop writing "Thank you in advance!! God Bless!!" on all your questions. There is a reason that we keep removing it. — Lightness Races in Orbit
– Lightness Races in Orbit, Commented Sep 26, 2011 at 9:44

Community · Accepted Answer · 2017-05-23 12:03:35Z

1

Wrote this assuming you wanted to keep the separator as your exemple implied, you can see it working here.

$(document).ready(function(){
  $('.mydiv input[type=submit]').each(function() {
    $this = $(this);
    $this.val($this.val().replace(/(\.|\()/, '\n$1'));
  });
});

EDIT: @vzwick: regarding your edit no, it shouldn't be a one-liner, I'm caching $this on purpose.

edited May 23, 2017 at 12:03

CommunityBot

11 silver badge

answered Sep 26, 2011 at 9:37

Lepidosteus

12.1k4 gold badges41 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

vzwick · Accepted Answer · 2011-09-26 09:35:04Z

0

That should do the trick:

$(document).ready(function(){
    $('.mydiv input').each(function(i,e){
        $(e).val($(e).val().replace('(', '\n').replace('.', '\n'))
    });
});

Also, keep in mind, that this might/will cause problems with rendering in some browsers (i.e. WebKit doesn't resize the input).

http://jsfiddle.net/YTD9p/

answered Sep 26, 2011 at 9:35

vzwick

11.1k5 gold badges47 silver badges63 bronze badges

2 Comments

Lepidosteus Over a year ago

Regarding your edit on my answer, I reverted it back and added a link to an answer explaining why to you. In the same level of things, both your replace calls should be combined in one.

vzwick Over a year ago

Thanks man, I learned something today! Also, your approach is definitely the way to go. Cheers!

Collectives™ on Stack Overflow

Modify `input` value

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related