2013-10-25 2 views
0

Я новичок в XSLT, так что простите мой вопрос noob.Как передать значение атрибута XSL в теги данных HTML5?

Здесь все идет, я пытаюсь передать значение атрибута xsl: using javascript. Так что, когда я нажимаю на кнопку, она должна получить значение атрибута XSL. Но я не мог получить ожидаемый результат.

HTML, часть кода здесь:

<xsl:attribute name="value"> 
    <xsl:value-of select="110"/> 
</xsl:attribute> 

<input type="button" name="testBtn" id="testBtn" 
    value="Test Button" data-test="$value"/> 

и Javascript код здесь:

$("#testBtn").click(function() { 
    var outputResult = $(this).attr('data-test'); 

    console.log(outputResult); 
}); 

ожидаемый выход при нажатии на кнопку:

110 

Я включил jsfiddle в случае, если мой вопрос непонятен http://jsfiddle.net/rfa75/

Что я здесь делаю неправильно?

+0

Вы не можете встроить XSLT непосредственно в документ HTML. Что именно вы пытаетесь достичь? –

+0

XLST обычно используется для преобразования с XML и/или HTML. Например, вы можете генерировать HTML-код на основе XML. Что ты хочешь делать? –

+0

Я пытаюсь передать значение, которое мне нужно, в другую форму, используя $ .ajax, я пытаюсь передать его в другую форму как параметр данных ajax. –

ответ

1

Как говорит Фредерик Хамиди, вы смешиваете html с XSL, что не так, как XSLT-преобразования. Во всяком случае, вам может понадобиться что-то вроде этого (в вашем XSL):

<input type="button" name="testBtn" id="testBtn" value="Test Button"> 
    <xsl:attribute name="data-test"> 
    <xsl:value-of select="110"/><!-- "110" or any expression you should need --> 
    </xsl:attribute> 
</input> 

Какой будет выводить этот HTML:

<input type="button" name="testBtn" id="testBtn" value="Test Button" data-test="110"/> 
+0

Ах, ладно, спасибо, это определенно делает то, что я хотел. Спасибо вам обоим. @ X-Pippes тоже =) –

1

Вы также можете сделать что-то подобное тому, что вы изначально были с помощью AVT (Шаблон значения атрибута ({})).

<input type="button" name="testBtn" id="testBtn" 
    value="Test Button" data-test="{data-test}"/> 
Смежные вопросы