开发者

edit the first option name

开发者 https://www.devze.com 2023-01-11 22:16 出处:网络
I have the following code which I do not have access to. What I want to do is add some text into the first开发者_如何学C option which is now empty. Text such as \"Select Address\"

I have the following code which I do not have access to.

What I want to do is add some text into the first开发者_如何学C option which is now empty. Text such as "Select Address"

<select name="My_Saved_Billing"
onChange="Choose_My_Saved_Billing(this.selectedIndex)" style="background-color:#EEEEEE">
<option></option>
<option value="1394">text</option>
</select>


$('select[name=My_Saved_Billing] > option:first-child')
    .text('Select Address');

If you want to find the empty option(s), not just the first one, use:

$('select[name=My_Saved_Billing] > option:empty')
// or
$('select[name=My_Saved_Billing] > option:empty:first')

To get the option with specific content, use:

$('select[name=My_Saved_Billing] > option:contains(texthere)')


$("select[name=My_Saved_Billing] option:first").text("Select Address");

Demo: http://jsfiddle.net/VGhdX/

To answer your side question from your comment (if I understand correctly):

how would automatically select the first option that had a value or option text whichever is easier to code

You can do this using the Has Attribute Selector:

$("select[name=My_Saved_Billing] option[value]:first").text("Foo");

The Has Attribute selector will ignore present attributes which contain empty values (so value="" will not match).

0

精彩评论

暂无评论...
验证码 换一张
取 消