更改"选择"选择输入的文本

时间:2014-11-13 14:50:28

标签: jquery forms

我想更改选择输入的null值,以向用户显示后台正在发生的事情。

null值选项我的意思是选择的第一个选项:

<option value="">Select</option>

“选择”是我想(尝试)更改为说出其他内容的文本。

Here is a link to a JsFiddle显示我正在尝试做的事情。

我想也许我可以改变价值:

$('#colors').text('Loading Colors');

或者,也许我只需要在最后创建一个值为loading的选项并让它说“正在加载”

<option value="loading">Loading Colors</option> 

然后在ajax工作时选择该选项吗?

3 个答案:

答案 0 :(得分:1)

我并非100%确定我理解您的问题,但如果您要做的是更改选择的第一个选项的文本,则需要定位option而不是select本身。

您的代码已编辑:

$('#colors option').text('Loading Colors');

编辑的小提琴:http://jsfiddle.net/bqosrrcm/1/

注意:上面的代码会影响option元素的所有select,在这种情况下它不是问题,因为只有一个选项,但如果您只想定位一个代码,则必须编辑代码。

答案 1 :(得分:1)

所有答案都是正确的......

每次我需要这样的东西时,我都将展示我的行为......

我更喜欢删除所有选项并附加一个正在加载的说法..我这样做,因为如果你在ajax请求之后用其他选项填充你的选择,并再次更改它,如果你不删除选项,他们将链...

我这样做:

$('#colors option').remove();
$('#colors').append("<option>Loading...</option>");

Finddle:http://jsfiddle.net/bqosrrcm/4/

答案 2 :(得分:0)

如果您想要使用值&#34;&#34;来访问该选项然后使用选择器#colors option[value=""]

执行此操作

JSFiddle - http://jsfiddle.net/bqosrrcm/2/