Удалите слово по щелчку с JQuery и Regex
Я ищу некоторую справку. Я нашел, что этот сценарий такой решает мою проблему 50% - я хочу нажать на слово и удалить слово с помощью jQuery, подобного примеру ниже. Если использование примера ниже его выделит слово, на которое Вы нажимаете.
<!DOCTYPE html>
<html>
<head>
<style>
p { color:blue; font-weight:bold; cursor:pointer; }
</style>
<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script></head>
<body>
<p>
Once upon a time there was a man
who lived in a pizza parlor. This
man just loved pizza and ate it all
the time. He went on to be the
happiest man in the world. The end.
</p>
<script>
var words = $("p:first").text().split(" ");
var text = words.join("</span> <span>");
$("p:first").html("<span>" + text + "</span>");
$("span").click(function () {
$(this).css("background-color","yellow");
});
</script>
</body>
</html>
Как я удалил бы/удалил бы слово путем нажатия на него.
Я также нашел, что этот образец заменил слово словом.
var el = $('#id');
el.html(el.html().replace(/word/ig, ""));
Есть ли кто-либо, который может помочь мне связать его так, чтобы, когда я нажимаю на слово, оно заменило слово. Это может также, возможно, заменить слово чем-то, любят [Удаляют], и я могу разделить его с regex на форме, отправляют?
Хорошо у меня есть вид понятых это путем замены
$("span").click(function () {
$(this).css("background-color","yellow");
});
$("span").click(function () {
$(this).remove();
});
Это приносит мне к следующему вопросу.
Как я могу обновить результаты к текстовому полю формы?
Обновленный пример от подсказки ниже
<form id="form1" name="form1" method="post" action="spin1.php">
<p><%=(Recordset1.Fields.Item("g_article_desc_spin").Value)%></p>
<textarea name="myfield" id="myfield" onFocus="this.blur();" cols="45" rows="5"></textarea>
<script>
var words = $("p:first").text().split(" ");
var text = words.join("</span> <span>");
$("p:first").html("<span>" + text + "</span>");
$("span").click(function () {
$('myfield').val($(this).remove().parent('p').text());
});
</script>
<input type="submit" name="button" id="button" value="Submit" />
</form>
Я все еще не уверен, как обновить значение в myfield
1 ответ
Когда вы говорите «обновить результаты до текстового поля формы», вы имеете в виду, что вы хотите, чтобы удаленное слово перешло в текстовое поле формы или в результирующий абзац после удаления текста? Если первое:
$("span").click(function () {
$('#myfield').val($(this).remove().text());
});
редактировать - см. Комментарий ниже Если последнее:
$("span").click(function () {
var $p = $(this).parent('p');
$(this).remove();
$('#myfield').val($p.text());
});