如何将jQuery对象用于选择框

时间:2014-04-30 12:29:04

标签: javascript jquery

我需要在下拉菜单中选择一个值并在某个地方显示。 选择框是使用变量形成的,所以我所做的是

jQuery('<select>'+projAddHocs+'</select>')
    .find('[value='+val[59]+']')
    .attr('selected','selected')
    .prop('outerHTML');

jQuery('<select>'+projAddHocs+'</select>').val(val[59]).prop('outerHTML');

val [59]具有在显示之前需要在下拉列表中选择的值。

当DOM中存在select时很容易,但是我无法使用jQuery包装器来完成它。

请帮忙/指示?

问候。

2 个答案:

答案 0 :(得分:2)

您选择了outerHTML所选的<option>,因为您通过了find()

使用select

返回parent()
jQuery('<select>'+projAddHocs+'</select>')
    .find('[value='+val[59]+']')
    .attr('selected','selected')
    .parent()
    .prop('outerHTML');

<强> See fiddle

或者,更好:

var select = jQuery('<select>'+projAddHocs+'</select>');
select.find('[value='+val[59]+']').attr('selected','selected');

$('#wrapper').html(select.prop('outerHTML'));

<强> See fiddle

答案 1 :(得分:0)

尝试此操作以检索select:

的值
$("#mySelect").val(); // this returns the selected value of the drop down
// (assuming your select tag has id attribute with value 'mySelect')

如果您想设置其值,可以试试这个:

$("#mySelect").val('myValue'); // this sets the value to 'myValue'
// If there is an '<option>' whose value is 'myValue', 
// then this option will be selected