单击表单编辑在下拉列表上有问题

下拉列表显示第一项。我需要根据<p>Professor<p/>选择值

html

<p>Title</p>
<p class='title'>Professor</p>


jQuery查询

$('.title').click(function(){
    $(this).replaceWith('<select class="title" name="title"><option >Please Select</option><option value="Mr">Mr</option><option value="Mrs">Mrs</option><option value="Ms">Ms</option><option value="Miss">Miss</option><option value="Dr">Dr</option><option value="Professor">Professor</option><option value="Sir">Sir</option></select>');
});​


Demo

最佳答案

如果您尝试在默认情况下选择“教授”,这将达到目的:

$('.title').click(function(){
    var target = $(this);
    var text = target.text();
    var select = $('<select class="title" name="title"><option selected="selected">Please Select</option><option value="Mr">Mr</option><option value="Mrs">Mrs</option><option value="Ms">Ms</option><option value="Miss">Miss</option><option value="Dr">Dr</option><option value="Professor">Professor</option><option value="Sir">Sir</option></select>');
    select.find('option[value="' + text + '"]').prop("selected", true);
    target.replaceWith(select);
});


Fixed jsFiddle

关于javascript - 如何根据<p>值选择下拉列表,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11797872/

10-09 20:02
查看更多