单击表单编辑在下拉列表上有问题
下拉列表显示第一项。我需要根据<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/